/* CSS Document */
#body {
	overflow:scroll;
}

#barre_haute {
	height:2px;
	line-height:1px;
	font-size:1px;
	background-color: #264d74;
}




html, body {
	margin: 0;
	padding: 0;
	text-align:center;
	background-image:url(../images/Circe%20Ingenierie/background.gif);
}

#global{
	position:relative;
     margin-left: auto;
     margin-right: auto;
	 margin-top:13px;
	 margin-bottom:0;
     width: 993px;
}

#header{
	position:relative;
	height:23px;	
}
#header #menu {
	float:right;
	height:23px;
	text-align:left;
	width: 972px;
	background-color: #ffffff;
}

#footer{
	float:right;
	height:23px;	
}

#footer #menu {
	height:23px;
	text-align:left;
	width: 972px;
	background-color: #99cc00;
	margin-top:-2px;
}


/* propriétés communes à l'ensemble des 4 coins */
#header #menu #hautgauche, #header #menu #hautdroit, #footer #menu #basgauche, #footer #menu #basdroit {
	background-repeat: no-repeat;
}

#menu #hautgauche{
	height: 23px; width: 20px;
	font-size:1px; /* correction d'un bug IE */
	float: left;
	background-image:url(../images/Circe%20Ingenierie/menu-haut-gauche.gif);
}
#menu #hautdroit{
	float: right;
	background-image:url(../images/Circe%20Ingenierie/menu-haut-droit.gif);
	background-position:right;
	width:85px;
	height: 23px;
	color: #434343;
	
	/* utile pour le menu "Accueil" */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
}

#contenu_menu_bas {
	padding-left:20px;
}

/*
#menu #basgauche{
	height: 23px; width: 20px;
	font-size:1px; /* correction d'un bug IE */
/*	float: left;
	background-image:url(images/Circe%20Ingenierie/menu-bas-gauche.gif);
}
#menu #basdroit{
	height: 23px; width: 20px;
	font-size:1px; /* correction d'un bug IE */
/*	float: right;
	background-image:url(images/Circe%20Ingenierie/menu-bas-droit.gif);
}
*/


#menu_gauche{
	float:left;
	position:relative;
	width: 247px;
    vertical-align:top;
    background-position:right;
	height:653px;
	margin-top:7px;
}


#menu_droite{
	float:right;
	position:relative;
	height:395px;
	text-align:left;
	width: 140px;}

#page_principale{
	margin:0;
	float:left;
	position:relative;
	width:972px;
	text-align:left;
		background-image:url(../images/Circe%20Ingenierie/background-contenu-accueil.gif);
	height: 693px;
		
}

#page_principale #contenu_general {
	margin-top:7px;
	margin-bottom:20px;
	margin-left:0;
	width:650px;
	text-align:left;
	float:left;
	margin-left:31px;
	margin-top:8px;
}

#contenu_general #contenu{
	width:650px;
    background-color: #ffffff;
		min-height:564px;
	}

#contenu_general #texte {
		min-height:564px;
	width:607px;
    padding:20px;
	}

#contenu #top {
	background-image:url(../images/Circe%20Ingenierie/bg_contenu_top.gif);
	background-repeat:no-repeat;
    line-height:12px;
    margin:0;
}

#contenu #bottom {
	background-image:url(../images/Circe%20Ingenierie/bg_contenu_bottom.gif);
	background-repeat:no-repeat;
    line-height:12px;
    margin-bottom:0px;
}

#un_clic {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    color:#000000;
    font-weight:bold;
}

#un_clic A {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    color:#000000;
    font-weight:bold;
}

#un_clic TD {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    color:#000000;
    font-weight:bold;
}


#contenu P {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	vertical-align:top;
	text-align:justify;
}

#contenu P A {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	vertical-align:top;
	text-align:justify;
	text-decoration:underline;
}

#contenu A {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	vertical-align:top;
	text-align:justify;
	text-decoration:underline;
}

#contenu TD {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	vertical-align:top;
	text-align:justify;
	margin-left:20px;
}

#contenu H1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#898989;
	font-size:28px;
    /* font-weight:100; */
    /* margin-bottom:-13px; */
}

H1 A {
	font-family:Arial, Helvetica, sans-serif;
	color:#99cc00;
	font-size:28px;
	text-decoration:underline;
}

#contenu H2 {
	color:#99cc00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	padding-right:10px;
	font-style:italic;	/* padding-left:18px; */
    /* margin-bottom:-13px; */
}

H2 A {
	color:#a6a6a6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-decoration:underline;
}

#contenu H3 {
	color:#959595;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(../images/Circe%20Ingenierie/Puce_Liste_3.gif);
	background-repeat:no-repeat;
	padding-left:20px;
    /* margin-bottom:-13px; */
}

H3 A {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:underline;
}

#contenu H4 {
	margin-left:25px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/Circe%20Ingenierie/Puce_Liste_4.gif);
	background-repeat:no-repeat;
	padding-left:12px;
}


#contenu LI {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/* list-style-image:url(../images/Circe%20Ingenierie/Tiret_Enumeration.gif); */
}

LI A {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}


#langue {
	float:left;
	position:relative;
	width: 21px;
	height:200px;
	text-align:left;
}

#langue #fr {
	padding-top:12px;
}
#langue #en {
	padding-top:12px;
}












#actualites_rh {
	position:absolute;
	top: 563px;
	left:620px;
	width:340px;
	padding-left:20px;
	padding-right:20px;
	padding-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	line-height:13px;
}

#actualites_rh a:link{
	font-size:12px;
	color:#000000;
	line-height:13px;
}

#actualites_rh a:visited{
	font-size:12px;
	color:#000000;
	line-height:13px;
}

#actualites_rh a:hover{
	font-size:12px;
	color:#000000;
	line-height:13px;
}

#actualites_rh a:active{
	font-size:12px;
	color:#000000;
	line-height:13px;
}




#actualites {
	position:absolute;
	top: 433px;
	left:620px;
	width:340px;
	padding-left:20px;
	padding-right:20px;
	padding-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#actualites a:link{
	font-size:12px;
	color:#000000;
	line-height:13px;
}

#actualites a:visited{
	font-size:12px;
	color:#000000;
	line-height:13px;
}

#actualites a:hover{
	font-size:12px;
	color:#000000;
	line-height:13px;
}

#actualites a:active{
	font-size:12px;
	color:#000000;
	line-height:13px;
}

















#accueil {
	color:#434343;
	text-decoration:none;
}

.menu1_ingenierie {
	font-family:Arial, Helvetica, sans-serif;
	background-color:  #ffffff;
	font-size:12px;
	text-align:left;
	list-style:none;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
}

.menu1_ingenierie LI {
	display:inline;
	margin-left:0.7em;
	margin-right:2em;
	font-weight:bold;
}

.menu1_ingenierie .selected {
	color: #bbf804;
	text-decoration:none;
}
.menu1_ingenierie .unselected {
	color: #434343;
	text-decoration:none;
}

.menu2 {
	font-family:Arial, Helvetica, sans-serif;
	/* background-color:#888888; */
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	list-style:none;
	padding-top:8px;
	padding-bottom:5px;
	margin:0;
	padding-left:20px;
	height:32px;
	background-image:url(../images/Circe%20Ingenierie/Menu2.gif);
	background-repeat:no-repeat;
}

.menu2 LI {
	display:inline;
	margin-left:1em;
	margin-right:2em;
	font-weight:bold;
}

.menu2 .selected {
	color:#bbf804;
	text-decoration:none;
}
.menu2 .unselected {
	color:#FFFFFF;
	text-decoration:none;
}

.menu3 {
	font-family:Arial, Helvetica, sans-serif;
	height:653px;
	margin-left:8px;
	width:239px;
	font-size:12px;
	text-align:left;
	list-style:none;
	padding-top:0px;
	padding-bottom:5px;
	margin-right:0;
	margin-bottom:0;
	margin-top:0;
		line-height:12px;
	}

.img_menu_gauche {
	margin:0;
    padding:0;
	background-repeat:no-repeat;
	background-image:url(../images/Circe%20Ingenierie/Menu3.gif);
}

.img_menu_gauche_blanc {
	margin:0;
    padding:0;
	background-repeat:no-repeat;
	background-image:url(../images/Circe%20Ingenierie/Menu3_Blanc.gif);
}

.menu3 LI {
	margin-left:3em;
	margin-right:3em;
	font-weight:bold;
    list-style-image:url(../images/Circe%20Ingenierie/Puce_Menu_3.png);
}

.menu3 .selected {
	color:#b2d940;
	text-decoration:none;
}
.menu3 .unselected {
	color:#666666;
	text-decoration:none;
}

html>body .menu3 { /* permet de gerer une taille minimum sur firefox */
	height: auto;
	min-height: 653px;
} 



#texte_bandeau {
	position:absolute;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	top:60px;
	margin-left:34px;
}














.bas_gauche {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #99cc00;
	font-size:12px;
	text-align:left;
	list-style:none;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
	margin-top:2px; /* c'est de la methode D car le menu 3 deborde dessus sous firefox et le lien est plus cliquable*/
	float:left;
	line-height:11px;
	position:absolute;
}

.bas_gauche LI {
	display:inline;
	margin-left:1em;
	margin-right:2em;
	font-weight:bold;
}

.bas_gauche .selected {
	color: #ffffff;
	text-decoration:none;
}
.bas_gauche .unselected {
	color: #4b4b4b;
	text-decoration:none;
}

.bas_droit {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#99cc00;
	font-size:12px;
	text-align:right;
	list-style:none;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
	float:right;
	line-height:12px;
}

.bas_droit LI {
	display:inline;
	margin-left:1em;
	margin-right:2em;
	font-weight:bold;
}

.bas_droit .selected {
	color:  #ffffff;
	text-decoration:none;
}
.bas_droit .unselected {
	color: #4b4b4b;
	text-decoration:none;
}