@charset "utf-8";

#globale {
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

.reset{
	clear: both;
}

/*#bandeau,*/ #menuLevel1 {
	height: 209px;
	width: 960px;
	position: relative;
	background-image: url(../images/adix_controle_gestion_3_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 100;
}

#menuLevel1 a:link, #menuLevel1 a:hover, #menuLevel1 a:active, #menuLevel1 a:visited {
	text-align: center;
	float: left;
	height: 42px;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	margin-top: 135px;
	font-weight: bold;
	position: relative;
	vertical-align: middle;
	display: block;
}

#menuLevel1 a:hover {
	color: #333;
}

a#notre-offre:link, a#notre-offre:hover, a#notre-offre:active, a#notre-offre:visited, a#notre-metier:link, a#notre-metier:hover, a#notre-metier:active, a#notre-metier:visited {
	width: 120px;
}

a#secteurs-et-references:link, a#secteurs-et-references:hover, a#secteurs-et-references:active, a#secteurs-et-references:visited, a#carrieres:link, a#carrieres:hover, a#carrieres:active, a#carrieres:visited {
	width: 120px;
}

#menuLevel2, #menuLevel3 {
	display: none;
	position: absolute;
	top: 175px;
	border: 1px solid gray;
	background-color: #f1f1f1;
	color: #333333;
	width: 120px;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: auto;
	text-align: center;
	vertical-align: baseline;
}

#menuLevel2 span, #menuLevel3 span {
	display: block;
	height: 40px;
	border-bottom: 1px solid gray;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align: center;
}

#menuLevel2 span {
	
}

#menuLevel2 a:link, #menuLevel2 a:hover, #menuLevel2 a:active, #menuLevel2 a:visited, #menuLevel3 a:link, #menuLevel3 a:hover, #menuLevel3 a:active, #menuLevel3 a:visited {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	line-height: normal;
	width: 100%;
	padding-top: 5px;
	height: 35px;
}
#menuLevel2 a:hover {
color: #42429e;
}
#menuLevel3 {
	display: none;
	position: absolute;
	top: 0px;
	left:100px;
	background-color: #f5851e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	width: 120px;
}
#menuLevel3 a:hover {
	color: #FFF;	
}
/*
a.propos:link {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 104px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-top: 135px;
	font-weight: bold;
	position: relative;
}
a.propos:hover {
    text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 104px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #42429e;
	text-decoration: none;
	margin-top: 135px;
	font-weight: bold;
	position: relative;
	}
	
a.propos:active {
    text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 104px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 135px;
	font-weight: bold;
	position: relative;
	color: #333333;
	text-decoration: none;
	}
a.propos:visited {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 104px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-top: 135px;
	font-weight: bold;
	position: relative;
	}
a.metier:link {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-top: 135px;
	font-weight: bold;
}
a.metier:hover {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #42429e;
	text-decoration: none;
	margin-top: 135px;
	font-weight: bold;
	}
	
a.metier:active {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-top: 135px;
	font-weight: bold;
	}
a.metier:visited {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-top: 135px;
	font-weight: bold;
	}
a.offre:link {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 76px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-top: 135px;
	font-weight: bold;
}
a.offre:hover {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 76px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 135px;
	font-weight: bold;
	color: #42429e;
	text-decoration: none;
	}
	
a.offre:active {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 76px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 135px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}
a.offre:visited {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 76px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 135px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}
a.secteur:link {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 123px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-top: 135px;
	font-weight: bold;
}
a.secteur:hover {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 123px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 135px;
	font-weight: bold;
	color: #42429e;
	text-decoration: none;
	}
	
a.secteur:active {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 123px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 135px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}
a.secteur:visited {
	text-align: center;
	display: block;
	float: left;
	height: 42px;
	width: 123px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 135px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}
a.carriere:link {
	text-align: center;
	display: block;
	float: left;
	height: 35px;
	width: 109px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-top: 142px;
	font-weight: bold;
}
a.carriere:hover {
	text-align: center;
	display: block;
	float: left;
	height: 35px;
	width: 109px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 142px;
	font-weight: bold;
	color: #42429e;
	text-decoration: none;
	}
	
a.carriere:active {
	text-align: center;
	display: block;
	float: left;
	height: 35px;
	width: 109px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 142px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}
a.carriere:visited {
	text-align: center;
	display: block;
	float: left;
	height: 35px;
	width: 109px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 142px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}
a.contact:link {
	text-align: center;
	display: block;
	float: left;
	height: 35px;
	width: 95px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-top: 142px;
	font-weight: bold;
}
a.contact:hover {
	text-align: center;
	display: block;
	float: left;
	height: 35px;
	width: 95px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 142px;
	font-weight: bold;
	color: #42429e;
	text-decoration: none;
	}
	
a.contact:active {
	text-align: center;
	display: block;
	float: left;
	height: 35px;
	width: 95px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 142px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}
a.contact:visited {
	text-align: center;
	display: block;
	float: left;
	height: 35px;
	width: 95px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 142px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	}
a.accueil:link {
	text-align: center;
	display: block;
	height: 35px;
	width: 95px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-top: 142px;
	font-weight: bold;
	float: left;
}

a.accueil:hover {
	text-align: center;
	display: block;
	height: 35px;
	width: 95px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 142px;
	font-weight: bold;
	float: left;
	color: #42429e;
	text-decoration: none;
	}
	
a.accueil:active {
	text-align: center;
	display: block;
	height: 35px;
	width: 95px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 142px;
	font-weight: bold;
	float: left;
	color: #333333;
	text-decoration: none;
	}
a.accueil:visited {
	text-align: center;
	display: block;
	height: 35px;
	width: 95px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 142px;
	font-weight: bold;
	float: left;
	color: #333333;
	text-decoration: none;
	}
	
*/
	
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #42429e;
	text-decoration: none;
}

a:hover {
	color: #f5851e;
	text-decoration: none;
	}
	
a:active {
	color: #42429e;
	text-decoration: none;
	}
a:visited {
	color: #42429e;
	text-decoration: none;
	}
	
/*#bandeau*/ #conseiller {
	position:relative;
	top:0px;
	left:100px;
	height: 25px;
	width: 550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: bottom;
	display: block;
	letter-spacing: 1px;
}
	
#contenu_global {
	height: auto;
	width: 960px;
	/*position: relative;*/
	background-color: #FFFFFF;
}

#footer {
	height: 49px;
	width: 960px;
	position: relative;
	background-image: url(../images/adix_controle_gestion_3_10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 54px;
	text-indent: 5px;
	float: left;
	padding-top: 8px;
}

#contenu_global #gauche {
	float: left;
	height: auto;
	width: 272px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left 107px;
	background-color: #FFFFFF;
	background-image: url(../images/bglogin.jpg);
}

#contenu_global #centre {
	float: left;
	height: auto;
	width: 664px;
	position: relative;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 4px;
	padding-left: 10px;	/*z-index: 1;*/
}

#contenu_global #retourligne {
	clear: both;
}

#contenu_global #droite {
	height: 442px;
	width: 272px;
	position: relative;
	background-color: #FFFFFF;
	float: left;
}
#droite #clients {
	background-image: url(../images/cap.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	width: 272px;
	position: relative;
	float: left;
}
#droite #carriere {
	background-image: url(../images/pic01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 148px;
	width: 237px;
	position: relative;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 10px;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-image: url(../images/bg.jpg);
	text-align: justify;
	margin: 0px;
}
.mise_en_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #189b93;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #464648;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f5851e;
	text-align: center;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #f5851e;
	text-align: center;
}
#contenu_gauche {
	float: left;
	height: 441px;
	width: 236px;
	position: relative;
	background-color: #FFFFFF;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 5px;
	background-image: url(../images/bg-menu.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
 la div ou il y a le contenu à gauche qui est commun aux pages d'une même rubrique