/* CSS Document */
/* Althéo Ressources Humaines */
/* Site réalisé par Alexance, création octobre 2007 */

body {background-color: #E5E5E5; padding:0; margin:0; }

img {border:none;} /*retire la bordure autour des images*/

h1, h2, h3, h4 {font-weight:normal; padding:0; margin:0; }

#menu {
	width:1000px;
	height:26px;
	z-index:100;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	position:absolute;
	float:left;
	top: 176px;
}

#head {
	width:1000px;
	height:26px;
	float:left;	
}

#submenu {
	clear:both;
	float:left;
	margin:0px;
	display:block;
}

#submenu ul li {
	list-style:none;
	margin:0;
	padding:0px;	
}

#submenu ul li:hover { /*non interpreté par ie*/
	background-color:#84A7CF;
	cursor:pointer;
}

#submenu ul li a,
#submenu ul li a:visited {
	color:#FFF;
	text-decoration:none;
	padding-left:10px;
	width:170px;
	padding-right:10px;
	display:block;
	font-size:12px;
	line-height:18px;
	border-bottom:1px solid #FFF;
}

#submenu ul li a:hover {
	color:#FFF;
	background-color:#036FB7;
	cursor:pointer;
}

#sub1 {
	position:relative;
	left:32px;
	top:0px;
	margin:0;
	padding:0;
	z-index:50;
	display:none;
	background-color:#045688;
	float:left;
}

#sub2 {
	position:relative;
	left:182px;
	top:0px;
	margin:0;
	padding:0;
	z-index:50;
	display:none;
	background-color:#F2922C;
	float:left;
}
/*fin menu*/


/*header*/
.header01 a {
	float:left;
	width:298px;
	height:175px;
	background-image:url(../../images/global/header01.gif);
	background-repeat:no-repeat;
}

.header02 {
	float:left;
	width:286px; /*296px*/
	height:77px; /*175px*/
	background-image:url(../../images/global/header02.gif);
	background-repeat: no-repeat;
	padding-top:98px;
	padding-left:10px;
}

.header02 h1 {
	font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; color:#FFF;
}

.header02 h2 {
	font-family:Arial, Helvetica, sans-serif; font-size:16px; font-style:italic; color:#DDD;
}

.header03 {
	float:left;
	width:406px;
	height:175px;
	background-image:url(../../images/global/header03.jpg);
	background-repeat:no-repeat;
}

.texte-haut-site {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#065C87;
	font-weight:bold;
	float:left;
}

/*menu de navigation horizontal*/
.menu {
	width:1000px;
	height:26px;
}

.blocmenu01{/*menu bleu*/
	background-image:url(../../images/global/bloc-menu/blocmenu01.jpg);
	background-repeat:no-repeat;
	float:left;
	width:135px; /*150*/
	height:21px; /*26*/
	padding-top:5px;
	padding-right:15px;
}

.blocmenu01-lien{/*menu bleu*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-align:right;
}

.blocmenu01-lien a{/*menu bleu*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-align:right;
}

.blocmenu01-lien a:hover{/*menu bleu*/
	color:#000;
	text-decoration:none;
}

.blocmenu02{
	background-image:url(../../images/global/bloc-menu/blocmenu02.jpg);
	background-repeat:no-repeat;
	float:left;
	width:135px; /*150*/
	height:21px; /*26*/
	padding-top:5px;
	padding-right:15px;
}

.blocmenu03{
	background-image:url(../../images/global/bloc-menu/blocmenu03.jpg);
	background-repeat:no-repeat;
	float:left;
	width:135px; /*150*/
	height:21px; /*26*/
	padding-top:5px;
	padding-right:15px;
}

.blocmenu-vert{
	background-image: url(../../images/global/bloc-menu/blocmenu08.jpg);
	background-repeat:no-repeat;
	float:left;
	width:135px; /*150*/
	height:21px; /*26*/
	padding-top:5px;
	padding-right:15px;
}

/*.blocmenu04{
	background-image:url(../../images/global/bloc-menu/blocmenubb.jpg);
	background-repeat:no-repeat;
	float:left;
	width:156px;
	height:26px;
}*/

.blocmenu04{
	background-image:url(../../images/global/bloc-menu/blocmenucc.jpg);
	background-repeat:no-repeat;
	float:left;
	width:76px;
	height:26px;
}

.blocmenu05{
	background-image:url(../../images/global/bloc-menu/blocmenu05.jpg);
	background-repeat:no-repeat;
	float:left;
	width:194px;
	height:26px;	
}

.blocmenu06{
	background-image:url(../../images/global/bloc-menu/blocmenu06.jpg);
	background-repeat:no-repeat;
	float:left;
	width:806px;
	height:4px;	
}

.blocmenu07{
	background-image:url(../../images/global/bloc-menu/blocmenu07.jpg);
	background-repeat:no-repeat;
	float:left;
	width:194px;
	height:4px;
	font-size:0;
}

.blocmenu08{
	background-image:url(../../images/global/bloc-gauche-candidat.jpg);
	background-repeat:no-repeat;
	float:left;
	width:194px;
	height:45px;/*51*/
	padding-top:6px;
}

.blocmenu08-lien{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	text-decoration:none;
	padding-left:15px;

}

.blocmenu08-lien a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	text-decoration:none;
}

.blocmenu08-lien a:hover{
	text-decoration:underline;
}


/*colonne-gauche*/
.col-gauche {
	width:214px;
}

/*colonne-centrale*/
.col-centrale {
	width:592px;
}

/*colonne-droite*/
.col-droite {
	width:194px;
}

/*footer*/
.footer {
	background-color:#C4C5C6;
	height:97px;
	border-bottom:1px solid #000;
}

.footer01 {
	background-image:url(../../images/global/logo-footer.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:73px; /*73*/
	float:left;
	margin-left:15px;
}

.footer02 {
	float:left;
	margin-top:5px;
	margin-left:70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3F3F3F;
	text-decoration:none;
	padding-bottom:10px;
}

.footer02 a{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3F3F3F;
	text-decoration:none;
}

.footer02 a:hover{
	text-decoration:underline;
}

.footer03 {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#046FA5;
	margin-left:80px;
	margin-top:10px;
}

.footer03 a {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#046FA5;
	text-decoration:none;
}

.footer03 a:hover{
	text-decoration:none;
	font-weight:bold;
}

.photo-gauche01-global00 { /*photo rubrique altheo*/
	background-image: url(../../images/altheo/photo-rubrique.jpg);
	background-repeat:no-repeat;
	width:214px;
	height:166px;
}

.photo-gauche01-global01 { /*photo rubrique altheo*/
	background-image: url(../../images/altheo/photo-rubrique02.jpg);
	background-repeat:no-repeat;
	width:214px;
	height:166px;
}

.photo-gauche01-global02 { /*photo rubrique offres*/
	background-image: url(../../images/offres/photo-rubrique.jpg);
	background-repeat:no-repeat;
	width:214px;
	height:166px;
}

.photo-gauche01-global03  { /*photo rubrique contact*/
	background-image: url(../../images/contact/photo-rubrique.jpg);
	background-repeat:no-repeat;
	width:214px;
	height:166px;
}

.photo-gauche01-global05  { /*photo rubrique references*/
	background-image: url(../../images/references/photo-rubrique.jpg);
	background-repeat:no-repeat;
	width:214px;
	height:166px;
}

/*colonne-gauche*/
.col-gauche-global {
	width:214px;
background-color:#F2F2F2;
}

/*colonne-centrale*/
.col-central-global {
	width:552px; /*592px*/
	background-color:#FFF;
	padding:20px;
}

/*colonne-droite*/
.col-droite-global {
	width:194px;
	background-color:#FFF;
}


.titre-central-global {
	border-bottom:2px solid #046FA5;
	
}

/*------nom rubriques*/
.nom-rubrique-altheo {
	background-image: url(../../images/altheo/nom-rubrique-altheo.jpg);
	background-repeat:no-repeat;
	width:214px;
	height:20px; /*25*/
}

.nom-rubrique-offres {
	background-image: url(../../images/offres/nom-rubrique-offres.jpg);
	background-repeat:no-repeat;
	width:214px;
	height:20px;/*25*/
}

.nom-rubrique-contact {
	background-image: url(../../images/contact/nom-rubrique-contact.jpg);
	background-repeat:no-repeat;
	width:214px;
	height:20px;/*25*/
}

.nom-rubrique-references {
	background-image: url(../../images/references/nom-rubrique-references.jpg);
	background-repeat:no-repeat;
	width:214px;
	height:20px; /*25*/
}

.nom-rubrique-global {
	text-transform:uppercase;
	font-size:12px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:5px;
}

.bloc-menu-gauche-global {
	background-color:#F2F2F2;
}

.menugauche-rubrique-altheo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:10px;
}

.menugauche-rubrique-interligne {
	padding-bottom:3px; padding-top:3px;
}

.menugauche-rubrique-interlignetop {
	padding-bottom:5px; padding-top:5px; padding-left:10px;
}

.decalagemenu {
	padding-left:10px;
}

.menugauche-rubrique-altheo a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
}

.menugauche-rubrique-altheo a:hover {
	color:#046FA5;
	text-decoration:none;
}

.menugauche-rubrique-offres {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:10px;
}

.menugauche-rubrique-offres a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
}

.menugauche-rubrique-offres a:hover {
	color:#E08419;
	text-decoration:none;
}

.menugauche-rubrique-contact {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:10px;
}

.menugauche-rubrique-contact a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
}

.menugauche-rubrique-contact a:hover {
	color:#813371;
	text-decoration:none;
}

.ligne-pointille-01{
	background-image: url(../../images/index/ligne-pointille.jpg);
	background-repeat: repeat-x;
	width:214px;
	height:1px;
	font-size:0;
	background-color:#F2F2F2;
}

.titre-page-altheo {
	border-bottom:1px solid #046FA5;
	width:550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#046FA5;
	font-weight:bold;
	margin-bottom:20px;
}

.titre-page-offres {
	border-bottom:1px solid #E08419;
	width:550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#E08419;
	font-weight:bold;
	margin-bottom:20px;
}

.titre-page-contact {
	border-bottom:1px solid #813371;
	width:550px;
	color:#813371;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}

.titre-page-references {
	border-bottom:1px solid #61981C;
	width:550px;
	color:#61981C;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}

.vertbold {
	color:#61981C;
	font-weight:bold;
}

.bleubold {
	color:#0166A6;
	font-weight:bold;
}

.bleubold a{
	color:#0166A6;
	font-weight:bold;
	text-decoration:none;
}

.bleubold a:hover{
	text-decoration:underline;
}

.orangebold {
	color:#E08419;
	font-weight:bold;
}

.font01 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000;
}

.font01 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000;
	text-decoration:underline;
}

.font01 a:hover{
	text-decoration:none;
}


.font02 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000;
}

.font02 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#0166A6; /*bleu*/
	text-decoration:none;
}

.font02 a:hover{
	text-decoration:underline;
}

.font03 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000;
}

.font03 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000;
	text-decoration:none;
	line-height:18px;
}

.font03 a:hover{
	text-decoration:underline;
}

.decalgauche01 {
	padding-left:20px;
}

.bloc-offres01{
	border-left:2px solid #E08419;
	margin-bottom:20px;
	margin-left:10px;
	padding-left:15px;
}

.bloc-bleu01{
	border-left:2px solid #0166A6;
	margin-bottom:20px;
	margin-left:10px;
	padding-left:15px;
}

/*equipe*/

.photo-droite {
	margin-bottom:30px;
}

.photo-gauche {
	margin-bottom:20px;
}

.photo-droite img{
	float:right;
	margin-left:10px;
	border-bottom:3px solid #046FA5;
	border-right:3px solid #046FA5;
}

.photo-gauche img{
	float:left;
	margin-right:10px;
	border-bottom:3px solid #046FA5;
	border-left:3px solid #046FA5;
}


/*Références*/
.nom-entreprise {
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.bloc-references01 { /*Bloc avec la bordure*/
	margin-bottom:15px;
	border-bottom:1px solid #6B6B6B;
	padding-bottom:15px;
}

.bloc-references02 { /*Bloc sans la bordure*/
	margin-bottom:15px;
	padding-bottom:15px;
}


/*PARTENAIRES*/

.bloc-partenaires01 {
	margin-bottom:15px;
	border-bottom:1px solid #6B6B6B;
	padding-bottom:15px;
	float:left;
	width:552px;
}

.logo-partenaire-g {
	float:left;
	width:200px;
}

.bloc-partenaire-d {
	float:left;
	width:332px; /*352*/
	padding-left:20px;
}

.nom-partenaire {
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0166A6;
	font-weight:bold;
}

.nom-partenaire a {
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0166A6;
	font-weight:bold;
	text-decoration: none;
}

.nom-partenaire a:hover {
	text-decoration: underline;
}

.site-partenaires a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#0166A6;
	text-decoration: none;
}

.site-partenaires a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#0166A6;
	text-decoration: underline;
}

.titre-page-newsletters {
	border-bottom:1px solid #813371;
	width:550px;
	color:#813371;/*violet*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}

.nom-rubrique-newsletters {
	background-image: url(../../images/newsletters/nom-rubrique-newsletters.jpg);
	background-repeat:no-repeat;
	width:214px;
	height:20px; /*25*/
}

.col-gauche-global {
	width:214px;
	background-color:#F2F2F2;
}

