/* * * * * * * *
 * CSS - STYLE *
 * * * * * * * */

* {

	margin : 0 ;

	padding : 0 ;

}

html , body {

	font-size : 11px ;

	height : 100% ;

	width : 100% ;

	min-height : 566px ;

	min-width : 955px ;

	font-family : Verdana , sans-serif ;

	background-image : url( '../img/background.jpg' ) ;

	background-position : 0 0 ;

	background-repeat : repeat ;

	text-align : justify ;

}

ul {

	list-style-type : none ;

}

ul.puce {

	list-style-type : disc ;

	margin-left : 14px ;

}

a {

	text-decoration : none ;

}

a img {

	border : 0 ;

}

#main {

	position : absolute ;

	top : 50% ;

	left : 50% ;

	margin-top : -282px ;

	margin-left : -476px ;

	height : 564px ;

	width : 953px ;

	border : 1px solid #ccc ;

	background-color : #fff ;

}

#haut {

	width : 953px ;

	height : 112px ;

	background-image : url( '../img/top.jpg' ) ;

	background-position : 0 0 ;

	background-repeat : no-repeat ;

}

#logo {

	position : relative ;

	top : 23px ;

	left : 14px ;

	line-height : 0 ;

}

#contact_link {

	position : absolute ;

	top : 9px ;

	right : 20px ;

	display : block ;

	height : 9px ;

	width : 13px ;

	background-image : url( '../img/contact.gif' ) ;

	background-repeat : no-repeat ;

	background-position : 0 0 ;

}

#contact_link span {

	display : none ;

}

/* * * * * *
 * CONTENU *
 * * * * * */

#contenu {

	position : relative ;

	top : 14px ;

	left : 57px ;

	float : left ;

}

#contenu .texte {

	color : #333 ;

	font-size : 12px ;

	width : 290px ;

	height : 300px ;

	line-height : 17px ;

	margin-top : 9px ;

}

#contenu p {

	margin-bottom : 14px ;

}

#contenu h2 {

	margin-bottom : 19px ;

}

#droite {

	float : left ;

}

#gauche p ,

#gauche h2 {

	margin-left : 43px ;

}

#gauche .texte {

	width : 380px ;

}

#gauche {

	float : left ;

}

#flash_accueil {

	margin-top : -20px ;

	width : 300px ;

}

#flash_accueil p {

	padding-left : 20px ;

	padding-top : 20px ;

	width : 300px ;

}

#contenu strong {

	color : #a70431 ;

}

.notre_organisation #gauche {

	margin-left : 3px ;

}

.notre_organisation #droite .texte {

	width : 300px ;

	margin-right : 30px ;

}

.notre_organisation #droite .hauteur {

	margin-top : 35px ;

}

.notre_organisation #gauche .deco {

	margin-top : 0 ;

	margin-left : 0px ;

}

.notre_organisation #gauche p {

	margin-left : 120px ;

	margin-top : 110px ;

	width : 200px ;

}

.notre_organisation #gauche {

	background-image : url( '../img/accolade.gif' ) ;

	background-repeat : no-repeat ;

	background-position : 0 150px ;

}

.pole_conseil_et_expertise #gauche {

	margin-left : -15px ;

	height : 200px ;

}

.pole_conseil_et_expertise #droite .texte {

	width : 700px ;

	margin-right : -400px ;

}


.pole_conseil_et_expertise #droite .hauteur {

	margin-top : 25px ;

}

.pole_conseil_et_expertise #droite li {

	margin-bottom : 5px ;

}

.pole_conseil_et_expertise #droite .texte {

	margin-top : -12px ;

}

.pole_ingenierie ul {

	margin-left : 56px ;

	margin-top : -5px ;

}

.coordonnees .hauteur {

	margin-top : 30px ;

}

.coordonnees #droite .texte {

	width : 240px !important ;

	margin-right : 13px ;

}

/* * * * *
 * MENU  *
 * * * * */

#menu {

	margin-top : 14px ;

	margin-left : 13px ;

	float : left ;

}

#menu a {

	display : block ;

	height : 21px ;

	background-repeat : no-repeat ;

	background-position : 0 0 ;

}

#menu a span {

	display : none ;

}

#menu_1 {

	width : 132px ;

	background-image : url( '../img/menu/qui_sommes_nous.gif' ) ;

}

#menu_1.on ,

#menu_1:hover {

	background-position : -132px 0 ;

}

#menu_2 {

	width : 140px ;

	background-image : url( '../img/menu/notre_organisation.gif' ) ;

}

#menu_2.on ,

#menu_2:hover {

	background-position : -140px ;

}

#menu_3 {

	width : 163px ;

	background-image : url( '../img/menu/pole_conseil_et_expertise.gif' ) ;

}

#menu_3.on ,

#menu_3:hover {

	background-position : -163px ;

}

#menu_4 {

	width : 106px ;

	background-image : url( '../img/menu/pole_ingenerie.gif' ) ;

}

#menu_4.on ,

#menu_4:hover {

	background-position : -106px ;

}

#menu_5 {

	width : 100px ;

	background-image : url( '../img/menu/forum_emploi.gif' ) ;

}

#menu_5.on ,

#menu_5:hover {

	background-position : -100px ;

}

#menu_6 {

	width : 99px ;

	background-image : url( '../img/menu/coordonnees.gif' ) ;

}

#menu_6.on ,

#menu_6:hover {

	background-position : -99px ;

}

/* * * * * * *
 * MENU BAS  *
 * * * * * * */

#menu_bas {

	position : absolute ;

	right : 14px ;

	bottom : 11px ;

}

#menu_bas a {

	color : #838383 ;

}

#menu_bas a:hover {

	color : #666666 ;

}

#menu_bas li {

	float : left ;

	padding-left : 15px ;

	padding-right : 15px ;

	border-right : 1px solid #838383 ;

}

#menu_bas li.dernier {

	border : 0 !important ;

	padding-right : 0 !important ;

}

#credits {

	position : absolute ;

	bottom : -50px ;

	right : -15px ;

	padding : 5px ;

	border : 1px solid #ccc ;

	background-color : #fff ;

}

#credits img {

	vertical-align : -2px ;

}

/* * * * * *
 * ANNONCE *
 * * * * * */

#annonces {

	overflow : auto ;

	height : 310px ;

	width : 327px ;

}

#annonces li {

	width : 310px ;

	font-size : 11px ;

	clear : both ;

}

#annonces li.colored {

	background-color : #f8f6f3 ;

}

#annonces li * {

	cursor : pointer ;

}

#annonces li a {

	display : block ;

	padding : 3px ;

	width : 304px ;

	text-indent : 1px ;

	color : #333 ;

	clear : both ;

}


#annonces li a.on ,

#annonces li a:hover {

	background-color : #a70431 ;

	color : #fff ;

}

.forum_emploi #gauche {

	margin-left : 20px ;

}

.forum_emploi #gauche .largeur p {

	margin-left : 23px ;

}

.forum_emploi #gauche .texte .no {

	display : none ;

}

.forum_emploi #gauche .num ,

.forum_emploi #gauche .titre {

	margin-top : 0 ;

	margin-bottom : 0 ;

}

.forum_emploi #gauche .titre {

	font-weight : bold ;

}

.forum_emploi #gauche .repondre a {

	display : block ;

	margin-left : 120px ;

	background-color : #a70431 ;

	border-left : 1px solid #860327 ;

	border-right : 1px solid #860327 ;

	border-bottom : 2px solid #000 ;

	color : #fff ;

	width : 117px ;

	height : 19px ;

	line-height : 19px ;

	text-align : center ;

}

.forum_emploi {

	height : 380px ;

	width : 700px ;

}

.forum_emploi h2 {

	margin-bottom : 1px !important ;

}

.forum_emploi .largeur {

	overflow : auto ;

	height : 224px ;

	padding-right : 10px ;

	margin-top : 20px ;

	margin-bottom : 20px ;

	margin-left : 20px ;

	padding-left : 0px ;

}

.forum_emploi .requis {

	margin-top : 20px ;

}

#contact_job {

	position : absolute ;

	top : 160px ;

	left : -215px ;

	font-size : 12px ;

}

#contact_job a {

	display : block ;

	padding-top : 2px ;

	padding-bottom : 2px ;

	background-color : #a70431 ;

	color : #fff ;

	width : 70px ;

	text-align : center ;

}

#info_cv {

	position : absolute ;

	top : -100px ;

	left : 315px ;

	font-size : 12px ;

	width : 400px ;

	border : 1px solid #a70431 ;

	padding : 10px ;

}

#info_cv p {

	margin : 0 0 5px 0 ;

}

/* * * * * * * *
 * PARTENAIRES *
 * * * * * * * */

#partenaire {

	position : absolute ;

	bottom : 6px ;

	left : 17px ;

	width : 210px ;

}

#partenaire span {

	display : none ;

}

#syntec {

	float : left ;

	display : block ;

	width : 89px ;

	height : 54px ;

	background-image : url( '../img/logo_partenaire/syntec_informatique_logo.gif' ) ;

	background-repeat : no-repeat ;

	background-position : 0 0 ;

}

#syntec:hover {

	background-position : -89px ;

}

#helitec {

	margin-left : 16px ;

	margin-top : 11px ;

	float : left ;

	display : block ;

	width : 92px ;

	height : 34px ;

	background-image : url( '../img/logo_partenaire/helitec_group_logo.gif' ) ;

	background-repeat : no-repeat ;

	background-position : 0 0 ;

}

#helitec:hover {

	background-position : -92px ;

}

.clearer {

	display : block !important ;

	clear : both !important ;

	float : none  !important ;

	height : 0 ;

	line-height : 0 ;

	font-size : 0 ;

}