body {
	margin: 0;
	padding: 0;
	background: #4D5958;
	behavior: url(/csshover3.htc);	
}

/* TEXTE, COLONNE DE DROITE */

/*
.PageItem {
	border-bottom: 2px solid #8C2920;
	padding: 9px 0 9px 0;
}

*/

/* TITRE DE PAGE */

h1 {
	font-size: 20pt;
	margin: 0 0 25px 0;
	font-variant: small-caps;
	font-family: serif;
	border-bottom: 1px dashed #8C2920;
}

h1 .SurTitre {
	display: block;
	font-size: 12pt;
	font-family: courier new;
	font-variant: normal;
}

h1 .SousTitre {
	display: block;
	font-size: 12pt;
	font-variant: normal;
	font-family: sans-serif;
	font-weight: normal;
}

.PageItem {
	border: 2px dotted #8C2920;
	padding: 9px;
	margin-bottom: 15px;
}

.PageItemSB {
	margin-bottom: 15px;
}

.PageItemSB.Dernier {
	margin-bottom: 0;
}

.PageItem h1, .PageItemSB h1 {
	margin: 0;
	padding: 0;
	font-family: courier new;
	font-size: 16pt;
	font-variant: normal;
}

.PageItemSB p {
	text-align: justify;
}

.PageItem.Dernier {
	margin-bottom: 0;
}

a {
	color: #591616;
}

p {
	font-size: 12pt;
	margin: 9px 0 0 0;
}

#EnVedette {
	background: url('/images/EnVedette.png') no-repeat;
	padding-left: 60px;
}

#EnVedette h1 {
	font-size: 15pt;
	border-bottom: 1px dotted #8C2920;
}

#EnVedette p {
	font-size: 11pt;
	margin-bottom: 0;
}

span.NouvelleDate {
	font-family: courier new;
	font-size: 10pt;
}

/* ENTETE */

#Entete {
	height: 100px;
	margin-top: 20px;
}

#Entete .Colonne {
	width: 900px;
	height: 100px;
	margin: 0 auto 0 auto;
	position: relative;
}

#Entete .Colonne .Droite {
	width: 520px;
	height: 100px;
	margin-left: 380px;
}

#Entete .Logo {
	margin: 0 142px 0 202px;
	border: 0;
}

/* BARRE DE MENU */

#BarreMenu,#BarreMenuDD,#BarreMenuFIE {
	height: 40px;
	background: #8C2920;
}

#BarreMenu .Colonne,#BarreMenuDD .Colonne,#BarreMenuFIE .Colonne {
	height: 40px;
	width: 900px;
	margin: 0 auto 0 auto;
}

#BarreMenu .Colonne .Droite,#BarreMenuDD .Colonne .Droite,#BarreMenuFIE .Colonne .Droite {
	width: 520px;
	height: 40px;
	margin-left: 380px;
}

#BarreMenu ul {
	list-style-type:none;
	padding:0;
	margin:0 0 0 60px;
}

#BarreMenu li {
	display:inline;
	float:left;
	width: 115px;
	height: 40px;
	text-align: center;
}

#BarreMenu li a {
	display: block;
	height: 30px;
	text-decoration: none;
	font-family: courier new;
	font-size: 14pt;
	color: #D7D9D9;
	text-transform: uppercase;
	padding-top: 10px;
}

#BarreMenu li a:hover {
	background: #C5948F;
	color: #333;
}

#BarreMenu li.actif a {
	background: #D7D9D9;
	color: #4D5958;
	font-weight: bold;
}

#BarreMenu li.actif a:hover {
	background: #D7D9D9;
	color: #4D5958;
}

/* BARRE DE MENU AVEC DROPDOWN */

#BarreMenuDD ul {
	list-style-type:none;
	padding:0;
	margin:0 0 0 60px;
	z-index: 1;
}

#BarreMenuDD li {
	position: relative;
	float: left;
	width: 153px;
	height: 40px;
	text-align: center;
	padding: 0;
	margin: 0;
}

#BarreMenuDD li a {
	display: block;
	height: 30px;
	text-decoration: none;
	font-family: courier new;
	font-size: 14pt;
	color: #D7D9D9;
	text-transform: uppercase;
	padding-top: 10px;
}

#BarreMenuDD li a:hover {
	background: #C5948F;
	color: #333;
}

#BarreMenuDD ul.Niveau2 {
	position: absolute;
	top: 40px;
	margin-left: 0;
	visibility: hidden;
}

#BarreMenuDD li.Niveau2 {
	height: auto;
	text-align: left;
}

#BarreMenuDD li.Niveau2 a {
	height: auto;
	padding: 6px 20px 6px 20px;
	color: #D7D9D9;
	background: #8C2920;
	font-size: 10pt;
	font-family: verdana;
	text-transform: none;
}

#BarreMenuDD li.Niveau2 a:hover {
	background: #C5948F;
	color: #333;
}

#BarreMenuDD li.Niveau2 span {
	height: auto;
	display: block;
	padding: 6px 20px 6px 20px;
	color: #D7D9D9;
	text-decoration: none;
	font-family: verdana;
	font-size: 10pt;
	background: #8C2920;
}

#BarreMenuDD li.Niveau2:hover span {
	background: #C5948F;
	color: #333;
}

#BarreMenuDD li.Niveau2 span.Titre {
	padding-left: 6px;
	text-decoration: underline;
}

#BarreMenuDD li.Niveau2:hover span.Titre {
	color: #D7D9D9;
	background: #8C2920;
}

#BarreMenuDD ul.Niveau1 li:hover ul.Niveau2{
	visibility: visible;
}

#BarreMenuDD ul.Niveau3 {
	position: absolute;
	top: 0px;
	margin-left: 153px;
	visibility: hidden;
}

#BarreMenuDD li.Niveau3 {
	height: auto;
	text-align: left;
}

#BarreMenuDD li.Niveau3 a {
}

#BarreMenuDD ul.Niveau1 li:hover ul.Niveau2 li:hover ul.Niveau3{
	visibility: visible;
}

/* BARRE DE MENU COMPATIBLE MSIE */

#BarreMenuFIE {
}

#BarreMenuFIE ul.Niveau1 {
	position: relative;
	z-index: 10;
	list-style-type:none;
	padding:0;
	margin:0 0 0 60px;
}

#BarreMenuFIE li {
	position: relative;
	float: left;
	width: 153px;
	height: 40px;
	text-align: center;
	padding: 0;
	margin: 0;
}

#BarreMenuFIE li a {
	display: block;
	height: 30px;
	text-decoration: none;
	font-family: courier new;
	font-size: 14pt;
	color: #D7D9D9;
	text-transform: uppercase;
	padding-top: 10px;
}

#BarreMenuFIE li a:hover {
	background: #C5948F;
	color: #333;
}

#BarreMenuFIE li.Actif a {
	background: #D7D9D9;
	color: #4D5958;
	font-weight: bold;
}

#BarreMenuFIE li.Actif a:hover {
	background: #D7D9D9;
	color: #4D5958;
}

#BarreMenuFIE ul.Niveau2 {
	position: absolute;
	top: 40px;
	left: -40px;
	list-style-type: none;
	display: none;
}

#BarreMenuFIE li.Niveau2 {
	height: auto;
	text-align: left;
}

#BarreMenuFIE li.Photos li.Niveau2 {
	width: 154px;
}

#BarreMenuFIE li.Niveau2 a {
	height: auto;
	padding: 6px 20px 6px 20px;
	color: #D7D9D9;
	background: #8C2920;
	font-size: 10pt;
	font-family: verdana;
	text-transform: none;
	font-weight: normal;
}

#BarreMenuFIE li.Niveau2 a:hover {
	background: #C5948F;
	color: #333;
}

#BarreMenuFIE li.Niveau2 span {
	height: auto;
	display: block;
	padding: 6px 20px 6px 20px;
	color: #D7D9D9;
	text-decoration: none;
	font-family: verdana;
	font-size: 10pt;
	background: #8C2920;
}

#BarreMenuFIE li.Niveau2:hover span {
	background: #C5948F;
	color: #333;
}

#BarreMenuFIE li.Niveau2 span.Titre {
	padding-left: 6px;
	text-decoration: underline;
}

#BarreMenuFIE li.Niveau2:hover span.Titre {
	color: #D7D9D9;
	background: #8C2920;
}

#BarreMenuFIE ul.Niveau1 li:hover ul.Niveau2{
	display: inline;
}

#BarreMenuFIE ul.Niveau3 {
	position: absolute;
	top: 0px;
	left: 113px;
	list-style-type: none;
	display: none;
}

#BarreMenuFIE li.Niveau3 {
	height: auto;
	text-align: left;
}

#BarreMenuFIE li.Niveau3 a {
	font-weight: normal;
}

#BarreMenuFIE ul.Niveau1 li:hover ul.Niveau2 li:hover ul.Niveau3{
	display: inline;
}

/* CORPS DE PAGE */

#Corps {
	height: 420px;
	background: #D7D9D9;
}

#Corps .Colonne {
	height: 420px;
	width: 900px;
	margin: 0 auto 0 auto;
	position: relative;
}

#PhotoGauche {
	position: absolute;
	width: 371px;
	height: 542px;
	top: -140px;
	left: -9px;
	display: block;
	border: 9px solid #D7D9D9;
}

#PhotoGauche img {
	border: 0;
	width: 371px;
	height: 542px;
}

#PhotoGaucheTxt {
	position: absolute;
	bottom: 0;
	height: 30px;
	width: 100%;
	background: #000;
	display: none;
	opacity: 0.6;
}

#PhotoGaucheTxt p {
	margin: 0;
	padding: 5px;
	color: #FFF;
	font-size: 11pt;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}

#Corps .Colonne .Droite {
	width: 460px;
	margin-left: 440px;
	height: 402px;
	padding: 9px 0 9px 0;
	overflow: auto;
}

.Portfolio_page_principale {
	margin: 0;
	padding: 0;
	width: 460px;
	height: 100px;
}

.Portfolio_page_principale.Dernier {
	height: 94px;
}

.Portfolio_page_principale img {
	border: 2px dotted #8C2920;
}

.Portfolio_page_principale a {
	margin: 0;
}

#Vignettes img {
	width: 80px;
	height: 80px;
	border: 0;
	margin: 15px 15px 0 0;
}

#Vignettes img:hover {
	cursor: pointer;
}

#Vignettes img.Ligne1 {
	margin-top: 0;
}

#Vignettes img.Dernier {
	margin-right: 0;
}

#Vignettes img.actif {
	width: 60px;
	height: 60px;
	border: 10px solid #8C2920;
}

pre#GPG {
	font-size: 7pt;
}

#PGA_navigation {
	margin-top: 15px;
}

#PGA_navigation p {
	text-align: center;
}

#PGA_navigation p a {
	font-weight: bold;
}

/* PIED DE PAGE */

#Pied {
	height: 55px;
}

#Pied .Colonne {
	width: 900px;
	height: 55px;
	margin: 0 auto 0 auto;
}

#Pied .Colonne .Gauche {
	float: left;
	height: 15px;
	width: 380px;
	padding: 20px 0 20px 0;
}

#Pied .Colonne .Gauche img {
	border: 0;
	margin-right: 17px;
}

#Pied .Colonne .Gauche img.Dernier {
	margin-right: 0;
}

#Pied .Colonne .Droite {
	padding: 20px 0 20px 20px;
	margin-left: 440px;
	height: 55px;
	width: 460px;
}

#Pied .Colonne .Droite p {
	padding: 0;
	margin: 0;
	text-align: center;
}

/* FOND NOIR */

#FondNoir {
	z-index: 20;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	display: none;
}

#CadreExterieur {
	display: none;
	padding: 60px;
	z-index: 25;
	position: absolute;
	top: 20px;
	left: 20px;
	background: #fff;
}

#CadreMince {
	border: 2px solid #000;
	padding: 5px;
}

#CadreEpais {
	border: 5px solid #000;
	position: relative;
}

#CadreEpais a {
	border: 0;
	margin: 0;
	padding: 0;
}

#Photo1000 {
	border: 0;
	margin: 0;
	padding: 0;
}

#Image_chargement {
	width: 256px;
	height: 112px;
	display: none;
	position: absolute;
}

#Message_patience {
	width: 300px;
	height: 120px;
	z-index: 40;
	position: fixed;
	top: 100px;
	left: 100px;
	border: 5px solid #000;
	display: none;
}

#Message_patience span {
	line-height: 120px;
	font-size: 24pt;
}

/* BARRE D'OUTILS POUR ADMINISTRATEURS CONNECTES */

#Bouton_afficher_barre_gestion {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 17;
	width: 100%;
	text-align: center;
	display: none;
}

#Bouton_afficher_barre_gestion a {
	margin: 8px auto 0 auto;
	background: #333;
	padding: 8px 15px 8px 15px;
	color: #D7D9D9;
	text-decoration: none;
}

#Bouton_afficher_barre_gestion a:hover {
	background: #555;
}

#Barre_gestion {
	height: 38px;
	background: #333;
	margin-top: 0;
}

#Barre_gestion .Colonne {
	width: 908px;	
	height: 32px;
	position: relative;
	left: -4px;
	margin: 3px auto 3px auto;
}

#Barre_gestion .Colonne .Gauche {
	position: absolute;
	top: 0;
	left: 0;
	width: 380px;
	height: 32px;
	padding-left: 40px;
}

#Barre_gestion .Colonne .Gauche span {
	line-height: 32px;
	color: #D7D9D9;
}

#Barre_gestion .Colonne .Droite {
	position: absolute;
	top: 0;
	right: 0;
	width: 460px;
	height: 32px;
	text-align: right;
}

#Barre_gestion .Colonne .Droite a {
	line-height: 32px;
	height: 32px;
	padding: 3px 8px 3px 8px;
	color: #D7D9D9;
	text-decoration: none;
}

#Barre_gestion .Colonne .Droite a:hover {
	background: #555;
}