/*******************************************************************************************************************************
**																																																														**
**	/!\  CERTAINES RÈGLES ONT ETE DECLARES EN DOUBLES OU TRIPLES :																														**
**		- LES PROPRIETES SUIVIES DE "!important"	S'APPLIQUENT AVEC TOUS LES NAVIGATEURS CONFORMES AVEC LES STANDARDS DU W3C		**
**		- LES PROPRIETES DONT LES SELECTEURS COMMENCENT PAR "*+html" NE S'APPLIQUE QU'A MICRO$OFT INTERNET EXPLORER VERSION 7		**
**		- LES AUTRES S'APPLIQUE AVEC MICRO$OFT INTERNET EXPLORER JUSQU'A LA VERSION 6																						**
**																																																														**
**																																																														**
**																																	Pour plus d'infos, taper "hack css" dans Google						**
**														Ou visiter la page suivante : http://www.zonecss.fr/courscss/cours_feuille_css_31.html					**
**																																																														**
*******************************************************************************************************************************/

html {
	height : 100%;
	width : 100%;
}

body {
	margin : 0;
	padding : 0;
	background-image : url(../img/fond.gif);
	width : 100%;
	text-align: left;
	font: normal 0.7em Arial, Helvetica, sans-serif;
}

img, a img {border: 0;}
a {text-decoration: none; color: #e43420;}
a:hover {text-decoration: none; color: #666666;}

.lienNoir {text-decoration: none; color: #000000;}
.lienNoir:hover {text-decoration: none; color: #e43420;}

.bold {font-weight: bold;}
.rouge {color: #e43420;}
.noDisplay {display: none;}

.clearLeft {clear: left;}
.clearRight {clear: right;}
.clearBoth {clear: both;}

.erreur {
	padding : 0;
	margin: 20px 35px 20px 35px;
	font-weight: bold;
	color: #e43420;
}

h1 {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 2.6em;
	color: #e43420;
	display: inline;
}
h2 {
	font-size: 1.9em;
	font-weight: bold;
	display: inline;
	padding: 0 10px;
}
h3 {
	font-weight: bold;
	margin: 10px 0;
	padding: 0;
	font-size: 1.3em;
	color: #e43420;
	clear: left;
}
h4 {
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 1.1em;
}
h5 {
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 1em;
}
.h5 {
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 1em;
}

p {
	margin: 0;
	padding: 0;
	text-align: justify;
}

ul, li {
	margin: 0;
	padding: 0;
	text-align: left;
}

#global {
	width: 915px;
	/*height: 100%;*/
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#header {
	background: url(../img/haut_blanc.gif) no-repeat scroll top left;
	width: 915px;
	height: 12px;
	margin: 25px 0 0 0;
	padding: 0;
	position: relative;
	top: 0 !important;
	top: 2px;
}

#contenuIndex {
	background: #FFFFFF;
	width: 865px;
	margin: 0;
	padding: 0 25px 26px 25px;
	position: relative;
	top: 0 !important;
	top: -2px;
}
#contenu {
	background: #FFFFFF;
	width: 815px;
	margin: 0;
	padding: 0 50px 0 50px;
	position: relative;
}
#drapo {
	position: absolute;
	top: 0;
	left: 17px;
	z-index: 100;
}
#drapo img {margin: 0 7px 0 0;}
.border {border: 1px solid #000000;}

#montageAccueil {
	position: relative;
	left: -8px;
	top: 16px;
	margin: 0 0 10px 0;
}
h1#nom {
	color: #e43420;
	font-size: 2.6em;
	font-weight: bold;
	position: absolute;
	left: 220px;
	top: 175px !important;
	top: 176px;
	line-height: 1em;
}
h2#slogan {
	font-size: 1.9em;
	font-weight: bold;
	position: absolute;
	left: 160px;
	top: 242px !important;
	top: 260px;
}
.petitSlogan {
	font-size: 0.8em;
}

/****** menu acceuil ******/
#navAccueil {
	position: absolute;
	left: 483px;
	top: 73px !important;
	top: 66px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.2em;
}
#navAccueil li {
	list-style: none;
	width: 193px;
	height: 27px;
	line-height: 27px;
	padding: 0;
	margin: 0 0 40px 0;
	position: relative;
}
#navAccueil li:hover {background-position: 0 -27px;}

#accueilBouton1 {background: url(../img/btn_home.png) no-repeat;}
#accueilBouton2 {background: url(../img/btn_home.png) no-repeat;}
#accueilBouton3 {background: url(../img/btn_home.png) no-repeat;}
#accueilBouton4 {background: url(../img/btn_home.png) no-repeat;}
#accueilBouton5 {background: url(../img/btn_home.png) no-repeat;}
#accueilBouton6 {background: url(../img/btn_home.png) no-repeat;}

.lienNavAccueil {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: 183px; 
	height: 27px;
	padding: 0 0 0 10px;
}
#accueilBouton6 a.lienNavAccueil:hover, #accueilBouton6 a.lienNavPage:hover {font-size: 1em;}
a.lienNavAccueil:hover, a.lienNavPage:hover {text-decoration: none; color: #ffffff; font-size: 1.2em;}

.petitNavAccueil {
	font-size: 0.75em;
	font-weight: bolder;
}
.trait {
	position: relative;
	right: -9px;
	padding-bottom: 2px;
}
.puceAccueil {
	position: absolute;
	left: 196px;
	padding-top: 11px !important;
	padding-top: 5px;
	top: 0px !important;
	top: 6px;
}

/*******************************/
#barre {
	position: absolute;
	top: 16px;
	left: 705px;
}
#logoMousquetaires {
	position: absolute;
	left: 740px;
	top: 5px;
}
#une {
	position: absolute;
	width: 166px;
	top: 110px;
	left: 733px;
}
#uneHaut {
	background: url(../img/cadre_droit_haut.gif) no-repeat;
	height: 47px;
	color: #e43420;
}
#uneTitre {
	position: relative;
	top: 15px;
	left: 5px;
	font-weight: bold;
	font-size: 1.3em;
}
.petit {
	font-size: 0.75em;
}
#traitBlanc {
	position: relative;
	top: -21px;
	left: 64px;
}
#cadreTete {
	position: relative;
	left: 66px;
	top: -9px;
}
#uneMid {
	background: url(../img/cadre_droit_mid.gif) repeat-y;
	width: 166px;
	position: relative;
	top: 0 !important;
	top: -4px;
}
#uneTexte {
	padding: 15px 10px 0 10px;
	margin: 0;
	font-size: 0.9em;
	font-weight: bold;
}
#uneLien {
	position: relative;
	left: 87px;
}
#uneBas {
	background: url(../img/cadre_droit_bas.gif) no-repeat;
	width: 166px;
	height: 14px;
	position: relative;
	top: 0 !important;
	top: -4px;
}

#basIndex {
	width: 915px;
	background: url(../img/bas_blanc.gif) no-repeat scroll bottom left;
	height: 14px;
	padding: 0;
	margin: 0;
	position: relative;
	top: 0 !important;
	top: -26px;
}
#bas {
	width: 885px;
	background: url(../img/bas_blanc.png) no-repeat scroll bottom left;
	height: 35px;
	padding: 0 15px;
	margin: 0;
	position: relative;
	top: 0 !important;
	top: -2px;
}
#bas img {
	vertical-align: middle;
	padding-top: 5px;
}
.separLogo {padding: 0 22px;}

#footerIndex {
	width: 915px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 0 0;
	position: relative;
	top: 0 !important;
	top: -25px;
}
#footer {
	width: 915px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 0 0;
	position: relative;
}
.separRouge {
	margin: 0 5px;
	padding: 0;
	position: relative;
	top: -1px;
}

/******************** Page *******************************/
/*** menu ***/
#menu {
	background: #FFFFFF;
	width: 915px;
	height: 20px;
	margin: 0;
	padding: 0 0 20px 0 !important;
	padding: 0;
	position: relative;
}
*+html #menu {height: 27px;}

#navPage {
	position: relative;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1em;
	margin: 0;
	padding: 0 6px !important;
	padding: 0 0 0 5px;
}
#navPage li {
	list-style: none;
	height: 20px;
	line-height: 20px;
	float:left;
	position: relative;
}
#navPage li[id] {width: 143px;}
#navPage li[id]:hover {background-position: 0 -20px;}
#navPage li[class="enCours"], #navPage li[class~="enCours"] {
	background-position: 0 -20px;
	font-size: 1.1em;
}

#navPage li a {
	color: #ffffff;
	display: block;
	padding: 0 0 0 5px;
}
#navPage li a:hover {font-size: 1.1em;}
#navPage li[class="enCours"] a, #navPage li[class~="enCours"] a {font-size: 1em;}

#navBouton1 {background: url(../img/btn_page.png) no-repeat;}
#navBouton2 {background: url(../img/btn_page.png) no-repeat;}
#navBouton3 {background: url(../img/btn_page.png) no-repeat;}
#navBouton4 {background: url(../img/btn_page.png) no-repeat;}
#navBouton5 {background: url(../img/btn_page.png) no-repeat;}
#navBouton6 {background: url(../img/btn_page.png) no-repeat;}

.pucePage {
	position: relative;
	float: left;
	margin: 8px 2px;
	padding: 0;
}

.petitNavPage {
	font-size: 0.8em;
	font-weight: normal;
}
#titre {text-align: center;}
#traitNoir {
	margin: 10px 0 20px 0;
}

.imgCentree {
	text-align: center;
	margin: 0;
	padding: 10px;
}
.imgGauche {
	float: left;
	margin: 2px 25px 25px 0;
	padding: 0;
}
.imgDroite {
	float: right;
	margin: 3px 0 30px 25px;
	padding: 0;
}
.traitGris {
	padding: 5px 0;
}

.liste {
	position: relative;
	list-style: url(../img/puce_noire2.gif) outside !important;
	list-style: url(../img/puce_noire2_ie.gif) inside;
	left: 15px !important;
	left: 0px;
	margin: 5px 0;
	text-align: justify;
}
.liste2 {
	list-style: url(../img/puce_rouge.gif) outside !important;
	list-style: url(../img/puce_rouge_ie.gif) inside;
	margin: 2px 0 2px 5px;
}
.liste li, .liste2 li, {
	margin: 0 10px !important;
	margin: 0 0px;
	padding: 0 !important;
	padding: 0px;
}

#separFooter {
	color: #b2b2b2;
	position: relative;
	clear: both;
	margin: 0 -15px !important;
	margin: 0;
}
.listeMetiers {
	width: 855px !important;
	width: 755px;
	margin: 0 30px;
	padding: 0;
	position: relative;
}
.listeMetiers ul {
	width: 30%;
	margin: 0;
	padding: 0 0 0 8px;
	position: absolute;
}
.listeMetiers li {
	margin: 0;
	padding: 0;
	list-style: url(../img/puce_noire2.gif) outside !important;
	list-style: url(../img/puce_noire2_ie.gif) inside;
	color: #E43420;
	white-space: nowrap;
}
*+html .listeMetiers li {list-style: url(../img/puce_noire2_ie.gif) inside !important;}

.colG {top: 0; left: 0;}
.colM {top: 0; left: 280px;}
.colD {top: 0; left: 560px;}
/*************** carte Europe *****************/
#infosBasesEurope {
	position: absolute;
	top: 355px !important;
	top: 370px;
	left: 590px;
	width: 245px;
	padding: 15px;
	border: 1px solid #000000;
}
#infosBasesEurope p {text-align: left;}
#infosBasesEurope ul {margin: 0 0 0 15px;}

.adress2l {
	position: relative;
	left: 57px;
}

/*************** les implantations ************/
#carteBases {
	width: 494px;
	height: 520px;
}
#infosBases {
	position: absolute;
	top: 160px !important;
	top: 175px;
	left: 575px;
	width: 260px;
	padding: 15px;
	border: 1px solid #000000;
}
*+html #infosBases {top: 185px !important;}

#infosBases p {text-align: left;}
.listeSansPuce {
	list-style: none;
	position: relative;
	margin: 5px 0;
}
.listeSansPuce li {
	margin: 0;
	padding: 0;
}
.puceBase {
	position: relative;
	top: 1px;
	margin: 0 5px 0 0;
}

/*************** les offres d'emploi ************/
#rechercheOffre {
	position: relative;
	width: 253px;
	float: left;
	border-right: 1px solid #000000;
	margin: 10px 0 30px 0;
	padding: 0 10px 0 0;
}
#resultatOffre {
	position: relative;
	left: -1px;
	float: left;
	border-left: 1px solid #000000;
	padding: 0 0 0 25px;
	margin: 10px 0 30px 0;
}
.titreResult {
	margin-top: 0;
}
.txtCentre {text-align: center;}
.formMoteur {
	margin: 5px 12px;
	padding: 0;
	text-align: justify;
}
#separOffre {
	position: absolute;
	left: 300px;
	top: 96px !important;
	top: 113px;
}
#listeOffres li {
	list-style: outside url(../img/puce_noire2.gif);
	margin: 0 0 0 30px;
}
#titreOffre {
	background: url(../img/fond_titre_offre.gif) no-repeat;
	width: 510px;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 15px !important;
	padding: 5px 0 0 15px;
	color: #e43420;
}
#detailOffre {
	padding: 15px;
	background: #fbe1de;
	width: 495px;
	position: relative;
	top: -5px !important;
	top: -10px;
}
.Offre {margin: 0 7px 0 0;}

#imagesOffre {width: 525px; text-align: center;}

#ajax {width: 525px;}
/********************** fiches métier **********************/
.detailFiche {
	margin:0;
	padding: 0 0 0 30px;
}
.detailFiche li {list-style: outside url(../img/puce_rouge.gif);}
.imgFicheMetier {float: right;}