* { margin: 0; padding: 0; list-style: none; }

img { border-width: 0; }

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

body {
	text-align: center;
	background: white;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#page {
	position: relative;
	margin: 0 auto;
	width: 891px;
	border: #9B9C9E 3px dashed;
	text-align: left;
}
#header {
	height: 157px;
	background: transparent url(../charte/bg-header.jpg) no-repeat 0 0;
}
#logo {
}
#logo a {
	display: block;
	width: 359px;
	height: 157px;
	background: transparent url(../charte/satt-interim.jpg) no-repeat 0 0;
}
#logo a:hover {
	background: transparent url(../charte/satt-interim-over.jpg) no-repeat 0 0;
}
#flash {
	float: left;
	width: 219px;
	height: 517px;
	margin: 10px;
}
a {
	text-decoration: none;
	color: #0080c6;
}
a:hover {
	color: #006699;
}
a.spip_url {}
a.spip_in {}
a.spip_out {}
a.spip_glossaire {}

h1 {
	color: #646464;
	font-weight: normal;
	font-size: 22px;
	 margin: 8px 0 7px 0;
	 text-transform: uppercase;
}
h2 {
	color: #0080c6;
	font-weight: bold;
	font-size: 14px;
	 margin: 0 0 3px 0;
}
h3 {
	color: #9b9c9e;
	font-size: 12px;
}
h3 a {
	color: #666666;
}
p.spip {
	margin: 0 0 7px 0;
	line-height: 13px;
}

.chapo {
	font-size: 12px;
	margin: 0 0 10px 0;
}

ul.spip li.spip {
	padding: 0 0 0 10px;
	position: relative;
	background: transparent url(../charte/bg-li.gif) no-repeat 0 4px;
}
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
.spip_documents_left {margin-right: 10px; float: left;}
.spip_documents_right {margin-left: 10px; float: right;}
.texteencadre-spip {
	margin: 10px 0 10px 0;
	padding: 5px;
	text-align: justify;
	font-weight: bold;
	font-size: 13px;
	background: #0080c6;
	color: white;
}
.spip_titre_document {display: none;}
.spip_puce {
	float: left;
	clear: both;
	padding: 3px 0 0 0;
	margin: 0 -4px 2px 0;
}

ol.spip  {  
	margin: 4px 0 18px 10px;
	padding: 0;
}
ol li.spip {
	position: relative;
	left: -18px;
	margin: 0 -18px 0 15px ;
	padding: 8px 0 8px 0;
	list-style-type: decimal;
	background: none;
	font-size: 12px;
	font-weight: bold;
}
.caractencadre-spip {
	font-weight: bold;
	background: #e6e6e6;
	padding: 0 3px;
	line-height: 1.5em;
}
strong.spip {
	font-weight: bold;

}
.acces {display: none;}



.container {
	min-height: 508px;
}
.contenu {
	float: right;
	width: 648px;
	margin: 20px 0 0 0;
}
.textes {
	width: 634px;
	min-height: 415px;
	margin: 0 0 7px 0;
}
* html .textes {
	height: 415px;
}
#accueil .textes {
	width: 420px;
	float: left;
}
.ariane {
	color: #0080c6;
	position: absolute;
	top: 142px;
	left: 312px;
	width: 570px;
	z-index: 50;
	font-size: 8px;
}
.ariane a {
	color: #0080c6;
}
.ariane a:hover {
	text-decoration: none;
	color: #000;
}



.sous_menu {
	float: left;
	width: 210px;
	margin: 10px 0 0 20px;
}
.sous_menu ul li {
	display: block;
	color: #646464;
	margin: 0 0 12px 0;
	font-size: 17px;
}
.sous_menu ul li a {
	display: block;
	color: #646464;
	margin: 0 0 0 0;
	font-size: 17px;
}
#agences .sous_menu ul li a {
	margin: 0 0 0 0;
}
#agences .sous_menu ul li ul {
	margin: 0 0 12px 0;
}
.sous_menu ul li ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	background: transparent url(../charte/bg-sousmenu.gif) no-repeat 0 4px;
}
.sous_menu ul li ul li a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 14px;
}
.sous_menu p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 13px;
	color: #646464;
}

.sous_menu ul li.on a {
	color: #999;
}
.sous_menu ul li a:hover {
	color: #333;
	background: #eee;
}
.sous_menu ul li ul li a:hover {
	background: #eee url(../charte/bg-sousmenu.gif) no-repeat 0 4px;
}

.zone_laterale {
	width: 290px;
	float: right;
	background: #f0f0f0;
	margin: 0 47px 0 0;
}
.pied {
	clear: both;
	background: transparent url(../charte/bg-pied.jpg) no-repeat 0 0;
	margin: 0 0 0 0;
	padding: 15px 0 10px 0;
}
.pied ul li,
.pied ul li a {
	display: inline;
	color: #0080c6;
	font-size: 9px;
}
.pied h2,
.pied h3 {
	font-style: italic;
	margin: 0 0 4px 0;
	font-size: 15px;
}

.clear {
	clear: both;
}

.nettoyeur,
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
span.nettoyeur {
	display: block;
}


/* --- debut formulaires --- */
form {
	display: block;
	margin: 0;
	padding: 0;
}
label,
.label {
	display: block;
	float: left;
	text-align: left;
	padding: 0 4px 0 0;
	white-space: nowrap;
	font-size: 11px;
}
.colonne50 label {
	width: 90px;
	text-align: right;
}
fieldset {
	border: none;
}
fieldset legend {}
input,
textarea,
select {
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
}
button {
	cursor:pointer;
}

input.checkbox {
	display: block;
	width: 17px;
	height: 17px;
	float: left
}


/*  ------------------------------------------
/*  Habillage des formulaires spip
/*  ------------------------------------------ */

.formulaire_spip {}
.formulaire_spip p {}
.formulaire_spip h4 {}

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml {}
.formulaire_spip select.forml {}

/* Boutons */
.spip_bouton {}
.spip_bouton input {}

/* Reponse du formulaire */
.reponse_formulaire {}
fieldset.reponse_formulaire {}

/* Previsualisation du message */
fieldset.previsu {}

/* Formulaire de login au forum */
.formulaire_login_forum .forml {}
.formulaire_login_forum .spip_logos {}

/* Choix des mots-clefs */
ul.choix_mots {} 
ul.choix_mots label {}

/* Formulaire de recherche */
.formulaire_recherche label {}
.formulaire_recherche {}
.formulaire_recherche input.forml {}
/*  ------------------------------------------ */


input.btok {}
div.news {}
label.news {
}
.newsletter input.champtexte,
.newsletter select {}

.forml {}
input.champtext,
input.champtexte,
input.formo,
input.forml,
input#input-2-fichier_1.formo,
textarea {
	background: transparent url(../charte/bg-input.jpg) repeat-y 0 0;
}
textarea.forml {}

.spip_bouton { 
}
.spip_form_legend {
	display: none;
}
.spip_encadrer, fieldset {
	border-width: 0;
}




/* plan du site */


ul.plansite {
	display: block;
	width: 100%;
}
ul.plansite li ul {
}
ul.plansite li.colonne25 {
	display: block;
	width: 178px;
	float: left;
}
ul.plansite a {
	text-decoration: none;
	color: #000;
}
ul.plansite li ul li strong a {
	display: block;
	background: #0080c6;
	padding: 2px 15px;
	margin: 0 0 4px 0;
	font-size: 11px;
}
ul.plansite li ul li {
	padding: 15px 0 4px 5px;
	width: auto;
	font-weight: bold;
}
ul.plansite li ul li strong {
	display: inline;
	background-image: none;
	background-color: white;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}
ul.plansite li ul li a {
}
ul.plansite li ul li ul li ul li {
	font-weight: normal;
	font-size: 10px;
	padding: 0 0 2px 15px;
}
/* plan du site */




.colonne50 {
	width: 47%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne75 {
	width: 72%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne66 {
	width: 63%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne33 {
	width: 30%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne25 {
	width: 20%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 5% 0 0 ;
}

#actu .container {
	background: transparent url(../charte/bg-actu.jpg) no-repeat bottom left;
}
#qui .container {
	background: transparent url(../charte/bg-qui.jpg) no-repeat bottom left;
}
#filieres .container {
	background: transparent url(../charte/bg-filieres.jpg) no-repeat bottom left;
}
#annonces .container {
	background: transparent url(../charte/bg-annonces.jpg) no-repeat bottom left;
}
#entreprise .container {
	background: transparent url(../charte/bg-entreprise.jpg) no-repeat bottom left;
}
#interimaire .container {
	background: transparent url(../charte/bg-interimaire.jpg) no-repeat bottom left;
}
#entreprise .textes,
#interimaire .textes {
	width: 260px;
	float: left;
	min-height: 430px;
}
* html #entreprise .textes,
* html #interimaire .textes {
	height: 530px;
}
#interimaire .textes p.spip {
	text-align: justify;
}
#annonces .textes h2 {
	margin: 15px 0 3px 0;
}
#annonces .textes h3 {
	margin: 10px 0 3px 0;
}
#agences .textes .colonne33 h2,
#agences .textes .colonne33 h2 a {
	color: #6f7072;
	font-weight: normal;
	font-size: 21px;
}
#agences .textes .colonne33 h3 {
	color: #6f7072;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
#agences .textes .colonne33 h3 a {
	color: #0080c6;
}
#agences .textes .colonne33 p {
	color: #6f7072;
	margin-bottom: 12px;
}

#filieres .textes {
	min-height: 480px;
}
* html #filieres .textes {
	height: 480px;
}

h2.entreprise,
h2.interimaire {
	float: left;
	width: 200px;
	height: 186px;
	background: transparent url(../charte/bg-h2-interimaire.gif) no-repeat 0 0;
	position: relative;
	z-index: 100;
}
h2.interimaire {
	background-position: -200px 0;
}
h2.entreprise a,
h2.interimaire a {
	display: block;
	font-size: 16px;
	margin: 46px 10px 0 0px;
	text-align: center;
	color: white;
}
h2.interimaire a {
	margin: 84px 0 0 50px;
}
h2.entreprise a:hover,
h2.interimaire a:hover {
	margin: 48px 10px 0 0px;
	font-size: 17px;
}
h2.interimaire a:hover {
	margin: 86px 0 0 50px;
}

#accueil .encadre {
	width: 206px;
	float: right;
	position: relative;
	top: -10px;
	margin-bottom: -10px;
	z-index: 105;
}
#accueil .encadre h2 {
	font-size: 12px;
	color: #fff;
	padding: 2px 4px;
	margin: 0;
	font-weight: bold;
	background: #afbe00;
}
#accueil .encadre h3,
#accueil .encadre h4,
#accueil .encadre p {
	font-size: 9px;
	color: #000;
	padding: 0 4px;
}
#accueil .encadre h3 {
	font-size: 10px;
	color: #0080c6;
}
#accueil .encadre h4 {
	font-weight: bold;
}
#accueil .encadre p {
	font-size: 9px;
	line-height: 11px;
	color: #000;
	padding: 0 4px 6px 4px;
	letter-spacing: -0.05em;
}
#accueil .actus {
	border: #0065a2 1px dashed;
	width: 168px;
	margin-bottom: 7px;
}
#accueil .encadre h2 a {
	color: #fff;
}
#accueil .encadre h3 a {
	color: #0080c6;
}
#accueil .encadre h4 a,
#accueil .encadre p a {
	color: #000;
}

.abecedaire {
	letter-spacing: 0.5px;
	margin: 10px 0;
}
.abecedaire a {
	text-transform: uppercase;
	font-weight: bold;
}
.abecedaire a:hover {
	background-color: #e6e6e6;
	text-decoration: none; 
}
.lexique {
	clear: both;
}
.lexique a.on {
	color: #000000;
}
.lexique ul {
	display: block;
	margin: 10px 0 10px 0;
	padding: 10px 0;
	border-bottom: #eee solid 2px;
}
ul li.colonne25 {
	margin: 0 0 5px 0;
	width: 152px;
	padding: 0 5px 0 0;
}
ul li.colonne25 a {
	display: block;
	padding: 0 0 0 10px;
	font-weight: bold;
	background: transparent url(../charte/bg-li.gif) no-repeat 0 6px;
}
ul li.colonne25 a:hover {
	background-color: #e6e6e6;
	text-decoration: none; 
}


/* nuage */
#nuage {
	margin: 20px 17px;
}
/*nuage de mot-cle*/
ul.nuage {
	padding : 0 10px 0 0px;
}
/*chaque mot-cle, element de liste*/
ul.nuage li {
	display: inline;
	line-height: 20px;
}
/*chaque mot-cle, lien*/
ul.nuage li a {
  /*rien par defaut*/
  /*ajout perso */
	color: #0080c6;
  /*fin ajout perso */
}
/*mot-cle expose*/
ul.nuage li a.on {
  /*rien par defaut*/
  color: #000000;
}
/*frequence accessible et cachee*/
ul.nuage li a span.frequence {
	display: block;
	float: left;
	height: 0;
	overflow: auto;
	width: 0;
}
#nuage h3, 
#nuage table {
	margin: 0;
	padding: 0;
	left: 0;
}
#nuage table {
	position: relative;
	left: -10px;
	margin-right: -10px;
}
#nuage table {
	width: auto;
}
#nuage td h3 {
	text-align: left;
	padding: 4px 10px 10px 10px;
}
/* frequence accessible et cachee */
ul.nuage li a span.frequence {
	display: block;
	float: left;
	height: 0;
	overflow: auto;
	width: 0;
}
/*ul.nuage li a.color_1 {	color: #c71403;}
ul.nuage li a.color_2 {	color: #cc9900;}
ul.nuage li a.color_3 {	color: #a4780c;}
ul.nuage li a.color_4 {	color: #8e3232;}
ul.nuage li a.color_5 {	color: #f77272;}
ul.nuage li a.color_6 {	color: #d508b6;}
ul.nuage li a.color_7 {	color: #d91e45;}
ul.nuage li a.color_8 {	color: #c89284;}
ul.nuage li a.color_9 {	color: #e19211;}*/
/* fin nuage */

/* tableaux */

table.spip {
	background-color: white;
	width: 100%;
}

table.spip tr.row_first {
	background-color: #0080c6;
	color: white;
}

table.spip .row_first th {
	background-color: #0080c6;
	color: white;
}

table.spip tr.row_odd {
	background-color: #d8d9da;
}
table.spip tr.row_odd td,
table.spip tr.row_even td {
	color: #000000;
}

table.spip tr.row_even {
	background-color: #e6e6e6;
}

table.spip td, table.spip th {
	text-align: left;
	vertical-align: middle;
	padding: 10px 20px;
	margin: 0;
	color: white;
}
table.spip td a, table.spip th a {
	color: white;
}
/* tableaux */


/* ================================================================ */
.menu {
	position: absolute;
	top: 0;
	left: 309px;
	width: 582px;
	z-index: 10;

}
.menu ul {
	display: block;
	width: 582px;
}
.menu ul li {
	display: block;
	float: left;
	text-align: center;
	height: 163px;
}
.menu ul li.menu_1 {
	width: 70px;
}
.menu ul li.menu_2 {
	width: 92px;
}
.menu ul li.menu_3 {
	width: 73px;
}
.menu ul li.menu_4 {
	width: 87px;
}
.menu ul li.menu_5 {
	width: 90px;
}
.menu ul li.menu_6 {
	width: 77px;
}
.menu ul li.menu_7 {
	width: 93px;
}
* html .menu ul li.menu_7 {
	width: 84px;
}

.menu ul li a {
	display: block;
	background: transparent url(../charte/bg-menu.gif) no-repeat top center;
	margin: 86px 0 0 0;
	padding: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #0080c6;
	text-align: center;
}
.menu ul li.menu_2 a {
	color: #afbe00;
}
.menu ul li.menu_7 a {
	color: #004f99;
}
.menu ul li a:hover {
	color: #000;
	text-decoration: none;
	background: #eee url(../charte/bg-menu-over.gif) no-repeat top center;
}
/* ================================================================ */