/* CSS Document */

body { font-family:Georgia, "Times New Roman", Times, serif; margin:0px; background-color:#FFF; }

/* Code JavaScript Inséré lors du Préchargement */
code { display:none; }

/* Mémorisation Préchargé */
#idMemo { display:none; }

#idEXTRA { position:fixed; left:-5000px; top:-5000px; width:10000px; height:10000px; }
#idEXTRAOther { position:fixed; left:-5000px; top:-5000px; width:10000px; height:10000px; }

/* ---------------------------------------------------------------------------------------------------- */
/* Bordure (Border) */
#idBorder {
	position: absolute;
	z-index:9000;
}
.styBorderMenu {
	background-color:#FFF;
	position: fixed;
	left:0px; top:0px;
	width:386px;
	height:440px;
}
.styBorderHeader {
	background-color:#FFF;
	position: fixed;
	left:0px; top:0px;
	width:100%;
	height:57px;
}
.styBorderBureau {
	position: fixed;
	left:412px;
	top:29px;
	font-size:16px;
	cursor:pointer;
	display: none;
}
.styBorderSave {
	position: fixed;
	right:19px;
	top:29px;
	font-size:16px;
	cursor:pointer;
	display: none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Accueil */
#idAccueil {
	position: absolute;
	left:412px;
	top:70px;
	/*top:98px;*/
	display: none;
}
#idAccueil img {
	max-width:513px; 
	max-height:513px;
}

#idExtrafine {
position:relative;
left:600px;
top:250px;
display:block;
}

#idEditedito {
position:relative;
left:500px;
top:150px;
display:block;
}



/* ---------------------------------------------------------------------------------------------------- */
/* Cellule Informative */
#idInfoEXTRA {
	position: fixed;
	left:177px;
	top:386px;
}
#idInfoClear {
	position: fixed;
	left:551px;
	top:25px;
}
.styInfo {
	background-color:#00ABFF;
	color:#FFF;
	width:153px;
	padding:14px 14px 16px 17px;
	/*padding:10px 10px 12px 13px;*/
	z-index: 9020;
	line-height:18px;
	display: none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Menu */

#idMenu {
	position: absolute;
	padding-left:32px; padding-top:28px;
	color:#A1A3A6;
	z-index:9010;
}
#idMenuEnter {  }
#idMenuPart { display:none; }

.styMenuNom { }
.styMenuContact {
	position: fixed;
	top:67px;
	font-size:16px; line-height:18px;
}
.styMenuEnter {
	width:367px;
	margin-top:355px;
	font-size:16px;
	cursor:pointer;
	display:none;
}
.styMenuLoad {
	width:367px;
	margin-top:355px;
	font-size:16px;
}

.styMenuPart1 {
	position: fixed;
	top:63px;
	width:165px; height:309px;
	line-height:18px;
	overflow:hidden;
}
.styMenuPart2 {
	position: fixed;
	left:190px; top:63px;
	width:165px;
	padding-left:25px;
	line-height:18px;
	overflow:hidden;
}
.styMenuPart3 {
	position: fixed;
	top:386px;
	line-height:18px;
}
.styMenuBarre {
	position: fixed;
	top:68px;
	margin-left:355px;
}
.styMenuBarreInactif {
	position: absolute;
	left:0px; top:0px;
	width:3px; height:371px;
}
.styMenuBarreActif {
	position: absolute;
	left:0px; top:0px;
	width:3px; height:371px;
	display:none;
}

.styMenu {
	margin-left:25px;
	font-size:16px;
	cursor:pointer;
}
.styMenuSousDiv { display:none; }
.styMenuSous {
	font-size:16px;
	cursor:pointer;
}
.styMenuObjet {
	margin-left:-25px;
	font-size:16px;
	font-style:normal;
	text-transform : capitalize;
	cursor:pointer;
}
.styMenuObjet img { display: none; }
.styMenuTitre {
	margin-left:0px;
	font-size:16px;
	color:#4D4D4F;
}
.styMenuLib {
	font-style:italic;
}
.styMenuBureau {
	font-size:16px;
	cursor:pointer;
}
.styMenuLang {
	font-size:16px;
	cursor:pointer;
}
.styMenuToken {
	font-size:16px;
	color:#A1A3A6;
}
.styMenuScroll {
	height:289px;
	margin-left:-25px;
	overflow:hidden;
}
.styMenuScrollPart2 {
	width:165px;
	padding-left:25px;
}
#idMenuScrollUp {
	margin-left:13px;
	cursor:pointer;
}
#idMenuScrollDown {
	cursor:pointer;
}
#idMenuScrollArrow {
	padding-top:17px;
}
.styMenuOn { color:#4D4D4F; }


/* ---------------------------------------------------------------------------------------------------- */
/* Aperçu */
#idApercu {
	position: absolute;
	left:399px;
	top:98px;
	display: none;
	z-index:9200;
}
#idApercu img {
	max-width:266px;
	max-height:266px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='gray');
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='gray')";
}


/* ---------------------------------------------------------------------------------------------------- */
/* Fenêtre (Cell) */

.styCell {
	position:absolute;
	left:412px;
	top:59px;
	font-size:16px;
	display:none;
}
.styCellHTML {
	position:absolute;
	left:412px;
	top:59px;
	font-size:16px;
	display:none;
}
.styCellEntete {
	display: inline-block;
	background-color:#FFF;
	height:22px;
	padding-top:3px;
	padding-right: 11px;
	padding-bottom:2px;
	padding-left:3px;
	color:#4D4D4F;
}
.styCellCloseEntete {
	cursor:pointer;
}
.styCellTitre {
	margin-left:5px;
}
.styCellLib {
	font-style:italic;
}
.styCellInfo {}
.styCellContenu { overflow:visible!important; }
.styCellImage {
	/*height:513px;*/
}

.styCellImage .styCellShadow { max-width:513px; max-height:513px; }

.styCellShadow {}

.styEXTRAShadow {
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='gray');
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='gray')";
}
.styCellContenuHTML {
	background-color:#FFF;
	max-width:494px;
	padding:10px 25px 10px 25px;
	line-height:18px;
	color:#A1A3A6;


}
.styCellLegende {
	background-color:#FFF;
	/*margin-top:4px;*/
	max-width:304px;
	padding:18px 25px 19px 25px;
	line-height:18px;
	color:#A1A3A6;
}
.styCellLegende b { font-weight:normal; color:#4D4D4F; }
.styCellLegende a { text-decoration:underline; color:#A1A3A6; }
.styCellLegende a:hover { text-decoration:underline; color:#4D4D4F; }

.styCellPlay {
	position:absolute;
	left:6px;
	bottom:8px;
	z-index:10;
	cursor:pointer;
}
.styCellResize {
	position:absolute;
	right:6px;
	bottom:8px;
	z-index:10;
	cursor:pointer;
}
.styCellClose {
	position:absolute;
	top:6px;
	right:6px;
	z-index:10;
	cursor:pointer;
}


/* ---------------------------------------------------------------------------------------------------- */
/* Action */

.styAction { color:#00ABFF; }
.styAction:hover { color:#4D4D4F; }