/******************************************
définition des paramètres principaux
 police, taille, couleur...
*/
body {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
}
a {
	font-size:10px;
	color:#9A141B;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/******************************************
affiche la ligne verticale du fond de page
 placé à partir du haut de page
*/
#global_horizontalBg {
	position:absolute;
	top:71px;
	left:0px;
	right:0px;
	width:100%;
	height:464px;
	background-color:#F5F5F4;
}
/******************************************
div principal du site
 centrée horizontalement
 placé à partir du haut de page
*/
#global_centerBg {
	position:relative;
	top:50px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../img/background.png');
	width:868px;
	height:506px;
	/*background-color:#666666;*/
}
/******************************************
affiche l'image du titre
 placé à partir de #global_centerBg
*/
#global_title {
	position:absolute;
	top:-20px;
	left:4px;
}
/******************************************
conteneur du menu principal
 placé à partir de #global_centerBg
*/
#global_menuContainer {
	position:absolute;
	top:9px;
	right:9px;
	z-index:89;
}
/******************************************
conteneur des crédits
 placé à partir de #global_centerBg
*/
#global_credits {
	position:absolute;
	top:502px;
	left:0px;
	width:868px;
	text-align:center;
	color:#999999;
}
/******************************************
conteneur du fil d'Ariane
 placé à partir de #global_centerBg
*/
#global_ariane {
	position:absolute;
	top:30px;
	left:20px;
	font-size:10px;
	color:#9A141B;
}
/******************************************
conteneur des textes de gauche
 placé à partir de #global_centerBg
*/
#global_leftText {
	position:absolute;
	top:170px;
	left:20px;
	width:230px;
	text-align:justify;
	color:#666666;
	background-image:url('../img/bg_leftText.png');
	padding:10px 0px 0px 10px;
	background-repeat:no-repeat;
}
/******************************************
conteneur des swf
 placé à partir de #global_centerBg
*/
#global_imageViewer{
	position:absolute;
	background-image:url('../img/bg_viewer.png');
	top:50px;
	left:280px;
	width:550px;
	height:420px;
	z-index:1;
}
#global_imageViewerInner{
	position:absolute;
	top:23px;
	left:20px;
	width:520px;
	height:374px;
	overflow:auto;
}
.global_lightboxImage{
	float:left;
	width:141px;
	height:100px;
	margin:10px;
	text-align:center;
	border:2px solid #9A141B;
}
.global_lightboxImage:hover{
	border:2px solid #CCCCCC;
}
.global_lightboxImage img{
	border:0px;
}
/******************************************
affiche l'image de l'intro
 placé à partir de #global_centerBg
*/
#intro_img {
	position:absolute;
	top:50px;
	left:130px;
}

/******************************************
affiche le texte de l'intro
 placé à partir de #global_centerBg
*/
#intro_txt {
	position:absolute;
	top:170px;
	left:180px;
	font-size:12px;
	color:#E9CBAE;
}
#intro_recorded {
	position:absolute;
	top:450px;
	right:135px;
	font-size:10px;
	color:#fff;
}
/******************************************
affiche l'image de la page celine
 placé à partir de #global_centerBg
*/
#celine_img {
	position:absolute;
	top:100px;
	left:300px;
}
/******************************************
affiche l'image de fond de la page liense
 placé à partir de #global_centerBg
*/
#liens_background {
	position:absolute;
	top:60px;
	left:9px;
	width:850px;
	height:393px;
	background-image:url('../img/bg_liens.jpg');
	background-repeat:no-repeat;
}
/******************************************
zone des liens
 placé à partir de #liens_background
*/
#liens_contenu {
	position:absolute;
	top:10px;
	left:220px;
	width:415px;
	height:373px;
	color:#685047;
	font-size:11px;
}
#liens_contenu a {
	text-decoration:none;
	color:#685047;
}
/******************************************
affiche l'image de fond de la page contact
 placé à partir de #global_centerBg
*/
#contact_background {
	position:absolute;
	top:60px;
	left:9px;
	width:850px;
	height:393px;
	background-image:url('../img/bg_contact.jpg');
	background-repeat:no-repeat;
}
/******************************************
zone des liens
 placé à partir de #liens_background
*/
#contact_contenu {
	position:absolute;
	top:200px;
	left:350px;
	width:415px;
	height:373px;
	color:#685047;
	font-size:11px;
	font-weight:bold;
}
#contact_contenu a {
	text-decoration:none;
	color:#685047;
	font-size:11px;
	font-weight:bold;
}
/******************************************
zone des cartes
 placé à partir de #global_centerBg
*/
#cartes_postales {
	position:absolute;
	top:60px;
	left:250px;
	width:584px;
	height:210px;
	background-image:url('../img/bg_cartes.png');
	background-repeat:no-repeat;
}
#cartes_doubles {
	position:absolute;
	top:265px;
	left:250px;
	width:584px;
	height:210px;
	background-image:url('../img/bg_cartes.png');
	background-repeat:no-repeat;
}
#affiches {
	position:absolute;
	top:60px;
	left:250px;
	width:584px;
	height:310px;
	background-image:url('../img/bg_affiches.png');
	background-repeat:no-repeat;
}
/******************************************
affiche l'image de la page intro créa set
 placé à partir de #global_centerBg
*/
#creaSet_introImg {
	position:absolute;
	top:65px;
	left:250px;
}
/******************************************
affiche l'image de la page intro créa abats-jours
 placé à partir de #global_centerBg
*/
#creaAj_introImg {
	position:absolute;
	top:72px;
	left:250px;
}
/******************************************
titres des cartes
 placé à partir de #cartes_postales ou #cartes_doubles
*/
.cartes_title, .affiches_title {
	position:absolute;
	top:12px;
	left:20px;
	font-weight:bold;
	font-size:10px;
	color:#9A141B;
}
/******************************************
pour décaler
 placé à partir de #cartes_postales ou #cartes_doubles
*/
.cartes_inner, .affiches_inner {
	margin:20px 20px 20px 23px;
}
/******************************************
visuels des cartes
 placé à partir de #cartes_postales ou #cartes_doubles ou #affiches
*/
.carte {
	width:135px;
	margin-top:30px;
	text-align:center;
}
.affiche {
	width:178px;
	margin-top:50px;
	text-align:center;
}
/******************************************
pagination des cartes
 placé à partir de #cartes_postales ou #cartes_doubles ou #affiches
*/
.edition_pagination {
	position:absolute;
	top:12px;
	right:20px;
	text-align:right;
}
.pagination_active, .pagination_active a{
	margin:2px 2px 2px 2px;
	color:#9A141B;
	text-decoration:none;
}
.pagination_over, .pagination_over a{
	margin:2px 2px 2px 2px;
	background-color:#9A141B;
	color:#FFFFFF;
	text-decoration:none;
}
.pagination_inactive, .pagination_inactive a{
	margin:2px 2px 2px 2px;
	color:#999999;
	text-decoration:none;
}
/******************************************
zone des articles
 placé à partir de #global_centerBg
*/
#presse {
	position:absolute;
	top:60px;
	left:250px;
	width:584px;
	height:417px;
	background-image:url('../img/bg_presse.png');
	background-repeat:no-repeat;
}
.presse_title {
	margin-top:15px;
	margin-left:20px;
}
.presse_img {
	margin-top:10px;
	margin-left:68px;
}
.presse_link {
	position:absolute;
	top:15px;
	right:20px;
}
.presse_text {
	position:absolute;
	top:50px;
	left:68px;
	width:450px;
	height:350px;
	overflow:auto;
}
/******************************************
pagination des articles
 placé à partir de #global_leftText
*/
.presse_pagination {
	position:absolute;
	top:12px;
	right:20px;
	text-align:right;
}
/******************************************
position du diaporama
 placé à partir de #global_centerBg
*/
#global_diapoContainer{
	position:absolute;
	top:70px;
	left:280px;
	width:492px;
	height:375px;
	background-image:url('../img/bg_diapo.jpg');
	z-index:1;
}
#global_diapo{
	position:absolute;
	top:12px;
	left:12px;
	width:467px;
	height:350px;
	z-index:1;
}
/******************************************
zoom
 placé à partir de #global_centerBg
*/
#zoom_content{
	position:absolute;
	top:70px;
	left:20px;
	width:825px;
	height:400px;
	overflow:auto;
}