/* HEADER */

/***** dégradés bandeau ****/
#bandeauContainer {
	position: absolute;
	left:0px;
	top:90px;
	height:30px;
	width:100%;
}

* html #bandeauContainer {
	top:88px;
	}

#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:#7F7F7F;height:9px;margin-right:128px;font-size:1px;background-image:url(../images/header_bandeau2.jpg); background-position:right;background-repeat:no-repeat; }
#bandeauContainer #bandeau4 
{
background-color:#E60028;
height:30px;
margin-right:0px;
background-image:url(../images/header_bandeau3.jpg);
background-position:right;
background-repeat:no-repeat;}
#bandeauContainer #bandeau4a 
{
background-color:#E60028;
height:30px;
margin-right:128px;
background-image:url(../images/header_bandeau3.jpg);
background-position:right;
background-repeat:no-repeat;}
#bandeauContainer #bandeau5 
{
background-color:#E60028;
height:30px;
background-image:url(../images/header_bandeau3.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: 28px;
		
}

#header #rightHead {

	position:absolute;
	right:0px;
	top: -1px;
	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 #centerHead2 {

	position: relative;
	text-align:right;
	/*background: #ffffff;*/
	margin-left:130px;
	margin-right: 10px;
	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:130px;
	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: 30px;
}


#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: 1px;
	background-image: url("../images/header_com_deco03t02.jpg");
	background-repeat: no-repeat;
	background-position: right;
	top:121px;
	height: 20px;
	
}

/* 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: #000 url("../images/header_com_deco04t02.gif") no-repeat right;
	top:140px;
	height: 4px;
	
}

/* 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 */

