/* HEADER */

/***** dégradés bandeau ****/
#bandeauContainer {position: absolute;left:0px;top:87px; height:39px;width:100%;}
#bandeauContainer #bandeau1 {background-color:#6C6D6C;height:9px;margin-right:128px;font-size:1px; }
#bandeauContainer #bandeau2 {background-color:#E60028;height:30px;margin-right:128px;background-image:url(../images/headerFleches.gif); background-position:right;background-repeat:no-repeat; }
#bandeauContainer #bandeau3 {background-color:#FFFFFF;height:9px;margin-right:128px;font-size:1px;/*background-image:url(../images/header_bandeau2.jpg); background-position:right;background-repeat:no-repeat;*/ }
#bandeauContainer #bandeau4 {/*height:30px*/height:25px;margin-right:128px;/*background-image:url(../images/header_bandeau1.jpg); background-position:right;background-repeat:no-repeat; */}

#header {
	height: 120px;
	width:100%;
	background-image: url("../images/header_bottomRightLine.gif");
	background-repeat: no-repeat;
	background-position: right 120px;
	border-bottom:solid 1px #D00007;
	
}

#header #leftHead {

	position: relative;
	/*background:#fff;*/
	top: 0px;
	width: 130px;
	height:120px;
	float: left;
	z-index:2;
}

#header #leftHead #logoSG {

	position: absolute;
	top: 16px;
	/* margin-left instead of left because of ie5 mac */
	margin-left:85px;

}

#header #leftHead #logoSGCom {

	position: absolute;
	top: 24px;
	left:20px;
	
}

#header #rightHead {

	position:relative;
	float:right;
	top: 0px;
	width: 129px;
	height: 120px;
	
}

#header #centerHead {

	position: relative;
	text-align:right;
	/*background: #ffffff;*/
	margin-left:130px;
	margin-right:129px;
	z-index:1;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
}

#header #centerHead #toolsDiv {

	position: relative;
	margin-bottom:35px;

}

#header #rightHead #lang {	
	position: absolute;
	top:1px;
	left:0px;
	width:129px;
	text-align:center;
	
}

#header #centerHead #toolsDiv #toolsLinks {

	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 16px;
}

/* to escape mac ie5 \*/
#header #centerHead #toolsDiv #toolsLinks {
	right:-3px;
}
/* end hide from mac ie5 */

#header #centerHead #toolsDiv #toolsLinks ul.tools li {

	position: relative;
	top: -4px;
	color:#000;
}

/* only for ie6 pc */
* html #header #centerHead #toolsDiv #toolsLinks ul.tools li {

	top:0px;

}


#header #centerHead #headerTitle {
	position: relative;
	height: 0px;
}

#headerTitle {
	font-size: 22px;
	font-weigth: bold;
	padding-right: 5px;
	padding-top: 44px;
	color: #FFFFFF;
}

#header #centerHead #headerComDeco01t01 {
	position: absolute;
	width:100%;
	font-size: 1px;
	/*background-image: url("../images/header_com_deco01t01.gif");
	background-repeat: no-repeat;
	background-position: top right;*/
	height: 9px;
	top:81px;
}
/* to escape mac ie5 \*/
* html body #header #centerHead #headerComDeco01t01 {
	margin-left:-6px;
}
/* end hide from mac ie5 */

#header #centerHead #headerComDeco01t02 {
	position: absolute;
	top:81px;
	width:100%;
	font-size: 1px;
	/*background: #fff url("../images/header_com_deco01t02.jpg") no-repeat top right;*/
	height: 9px;
	
}
/* to escape mac ie5 \*/
* html body #header #centerHead #headerComDeco01t02 {
	margin-left:-6px;
}
/* end hide from mac ie5 */




#header #centerHead #headerComDeco02t01 {
	position: absolute;
	width:100%;
	font-size: 1px;
	/*background-image: url("../images/header_com_deco02t01.gif");
	background-repeat: no-repeat;
	background-position: right;*/
	top:90px;
	height: 30px;

}
/* to escape mac ie5 \*/
* html body #header #centerHead #headerComDeco02t01 {
	margin-left:-6px;
}
/* end hide from mac ie5 */

#header #centerHead #headerComDeco02t02 {
	position: absolute;
	width:100%;
	font-size: 1px;
	/*#fff*/
	/*background-image: url("../images/header_com_deco02t02.jpg");
	background-repeat: no-repeat;
	background-position: right;*/
	top:90px;
	height: 30px;

}
/* to escape mac ie5 \*/
* html body #header #centerHead #headerComDeco02t02 {
	margin-left:-6px;
}
/* end hide from mac ie5 */


#header #centerHead #headerComDeco03t01 {
	position: absolute;
	width:100%;
	font-size: 1px;
	background: #000 url("../images/header_com_deco03t01.gif") no-repeat right; 
	top:120px;
	height: 4px;
	
}

/* to escape mac ie5 \*/
* html body #header #centerHead #headerComDeco03t02 {
	margin-left:-6px;
}
/* end hide from mac ie5 */

#header #centerHead #headerComDeco03t02 {
	position: absolute;
	width: 100%;
	font-size: 10px;
	background-image: url("../images/header_presentation_visuel.jpg"); /*header_com_deco03t02.gif*/
	background-repeat: no-repeat;
	background-position: right;
	top: 121px;
	height: 26px;
}

/* to escape mac ie5 \*/
* html body #header #centerHead #headerComDeco03t01 {
	margin-left:-6px;
}
/* end hide from mac ie5 */

#header #centerHead #headerComDeco04t02 {
	position: absolute;
	width:100%;
	font-size: 1px;
	background: #2D76CC url("../images/header_com_deco_blue.gif") no-repeat right;/*header_com_deco04t02.gif*/
	top:146px;
	height: 3px;
	
}

/* to escape mac ie5 \*/
* html body #header #centerHead #headerComDeco04t02 {
	margin-left:-6px;
}
/* end hide from mac ie5 */


/* to escape mac ie5 \*/
* html #header #centerHead #headerTitle { /*left: 3px;*/ }
* html #header #centerHead #headerComDeco01t01, * html #header #centerHead #headerComDeco02t01, * html #header #centerHead #headerComDeco03t01, * html #header #centerHead #headerComDeco01t02, * html #header #centerHead #headerComDeco02t02, * html #header #centerHead #headerComDeco03t02, * html #header #centerHead #headerComDeco04t02 { left: 6px;lef\t: 3px; }
/* end hide from mac ie5 */

#header #rightHead #login {

	position: relative;
	text-align:left;
	top: 55px;
	height: 81px;
	padding: 0px 0px 0px 11px;
	margin: 0px;
	border-left: 1px solid #000;
}

#header #rightHead #connection {

	position: relative;
	text-align:left;
	top: 55px;
	height: 81px;
	padding: 25px 0px 0px 11px;
	margin: 0px;
	border-left: 1px solid #000;
	line-height:16px;
}

/* if a height is specified in ie5+ thers is a gap on 
each side of the div, left:3px fixes the gap on the right
for a proper alignment with the content div below 

in ie6 an width:100% fixes the gap but makes the div go down

the * html is only seen by ie5+

*/


/*  / HEADER */

