/*******************/
/*   Global page   */
/*******************/

html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, fieldset, legend, input, textarea, p, blockquote {
	margin:0;
	padding:0;
}

body {
	font-family: verdana, arial, times, sans-serif;
	font-size:11px;
	background-image:url("../../image/template/fondTools.gif");
}

html, body {
	/*height:100%;*/
}

a img {
	border: none;
} 

a p {
	border: none;
}

a:link a:visited a:active a:hover{
	text-decoration: none;
}

a h4 {
	color:#ffffff;
}

span.normal {
	font-weight:normal;
}

span.bold {
	font-weight:bold;
}

br .spacer {
  clear: both;
}


/*********************/
/*   Global styles   */
/*********************/

#backgroundBlock {
	margin:auto;
	margin-top:12px;
	margin-bottom:0px;
	width: 980px;
}

/* ----- Onglets du haut ----- */
#topTags {
	height:25px;
	margin-left:40px;
	margin-right:40px;
}

#guimelTag {
	float:left;
	width:450px;
	padding-top:10px;
	color:#990033;
	font-size:12px;
}

#connectionTag {
	background:url("../../image/template/connexionTab.gif") no-repeat;
	float:right;
	width:120px;
	height:25px;
	text-align:right;
	color:#ffffff;
	padding-right:8px;
	cursor: pointer;
}

#connectionTag img {
	width:18px;
	margin-top:3px;
	margin-left :4px;
}

#connectionTag span {
	position:relative;
	bottom:3px;
}
#connectionTag:hover {
	color:#FF9832;
	padding-right:9px;
}


/* ----- Partie centrale ----- */
#middleBlock {
	height:560px;
}

#leftTags {
	float:left;
	width:40px;
	height:560px;
}

.menuTab {
	height:90px;
	cursor:pointer;
}

#menu1Tab {
	background:url("../../image/template/leftTabRougeLong.png") no-repeat;
	float:right;
	width:30px;
	height:80px;
	opacity:0.4;
}

#menu2Tab {
	background:url("../../image/template/leftTabRougeLong.png") no-repeat;
	float:right;
	width:10px;
	height:80px;
}

#menu3Tab {
	background:url("../../image/template/leftTabRougeLong.png") no-repeat;
	float:right;
	width:10px;
	height:80px;
}

#menu4Tab {
	background:url("../../image/template/leftTabRougeLong.png") no-repeat;
	float:right;
	width:10px;
	height:80px;
}

.centralBlock {
	float:left;
	width:896px;
	height:556px;
	border-style:solid;
	border-color:#990033;
	border-width:2px;
}

#rightZone {
	float:right;
	width:40px;
}

#rightZone .topVerticalBand {
	background:url("../../image/template/shadowTopRight.png") no-repeat;
	height:10px;
	margin-top:10px;
}

#rightZone .middleVerticalBand {
	background:url("../../image/template/shadowRight.png") repeat-y;
	height:561px;
}

/* ----- Partie basse ----- */
#statusLine {
	background-color: #990033;
	height:18px;
	margin-left:40px;
	margin-right:40px;
	color:white;
	text-align:right;
	padding-right:8px;
	padding-top:3px;
	font-size:10pt;
}

#bottomShadow {
	height:10px;
	padding:0px;
	margin:0px;
	padding-left:40px;
}

#bottomShadow .beginInlinepart {
	background:url("../../image/template/shadowBottomLeft.png") no-repeat;
	width:15px;
	height:10px;
}

#bottomShadow .inlinepart {
	background:url("../../image/template/shadowBottom.png");
	width:885px;
	height:10px;
}

#bottomShadow .endInlinepart {
	background:url("../../image/template/shadowBottomRight.png") no-repeat;
	width:40px;
	height:10px;
}


.beginInlinepart {
	display:inline-block;
	padding:0px;
	margin:0px;

}
.inlinepart {
	display:inline-block;
	padding:0px;
	margin:0px;
}
.endInlinepart {
	display:inline-block;
	padding:0px;
	margin:0px;
}

/* ----- Bouton ----- */

.buttonRed {
	background-image:url("../../image/template/buttomRougeNormalb.png");
	width:120px;
	color:white;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	line-height:24px;
	vertical-align:middle;
}

.buttonRed:hover {
	background-image:url("../../image/template/buttomRougeOverb.png");
}

.buttonRedDown {
	background-image:url("../../image/template/buttomRougeDownb.png");
	width:120px;
	color:white;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	line-height:24px;
	vertical-align:middle;
	text-decoration:none;
}
.buttonRed a {
	color:white;
	text-decoration:none;
}

/********************/
/*    Page Index    */
/********************/

#centralBlockIndex {
	background:url("../../image/template/fondCentralRouge.jpg");
	text-align: center;
}

#loginArea {
	height:380px;
}

#pageIndexLogo {
	float:left;
	width:300px;
	margin-top:60px;
	padding-bottom:100px;
	padding-right:20px;
	text-align:right;
	border-right:2px solid #990033;
	margin-right:50px;
}

#pageIndexForm {
	float:left;
	width:460px;
	text-align:left;
	margin-top:60px;
	color:#990033;
}

#loginForm  fieldset {
	padding:20px;
	padding-top:2px;
	padding-bottom:20px;
	background-color:#ffcc99;
	margin-top:18px;
}

#loginForm  label {
	text-align:right;
	width:140px;
	float:left;
	font-weight:bold;
	margin-right:10px;
	margin-top: 3px;

}

#loginForm  p {
	margin-top:20px;
}

#loginForm div {
	float:right;
}

#loginForm input {
	width:180px;
}

#loginForm select {
	width:202px;
}

.formTitle {
	margin-left:150px;
}

#choiceBand {
	background-color: #7834aa;
	padding-left:55px;
	padding-right:55px;
}

#choiceBandLeft {
	float:left;
	/*background:url("../../image/template/selectZoneLeft.png") no-repeat;*/
	width:12px;
	height:180px;
}
#choiceBandCenter {
	float:left;
	/*background:url("../../image/template/selectZoneCenter.png") repeat-x;*/
	height:180px;
	width:754px;
	padding-top:20px;
	border-top-style:solid;
	border-width:2px;
	border-color:#FF9832;
}
#choiceBandRight {
	float:right;
	/*background:url("../../image/template/selectZoneRight.png") no-repeat;*/
	width:20px;
	height:180px;
}
.longButton {
	width:500px;
	text-align: left;
	padding-left: 22px;
	margin-top:12px;
}


/***************************/
/*    Page Photogrammes    */
/***************************/
#centralBlockTest {
}

#swfTest1 {
	width:896px;
	height:556px;
}