/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: white;
	margin: 0 25px 0 25px;
	text-align: center;
	font-size: 12px;
	color: #423e3e;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; }
hr, ul { padding: 0; margin: 0; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 850px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#conteneur { width: 850px; }

#conteneur #contenu {
	margin-right: 180px;
}

#conteneur #contenu hr.sommaire {
	width: 580px;
	margin: 0 40px 40px 40px;
	border: 0;
	border-top: 1px dotted #cdcdcd;
	line-height: 1px;
	height: 1px;
}

#conteneur #navigation {
	float: right;
	width: 170px;
	text-align: left;
}

/* Entete */
#entete {
	width: 850px;
	height: 190px;
	padding: 0;
}
#entete_flash {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 190px;
	background: transparent url('img/logo_electeam.png') no-repeat 15px 55px;
	display: block;
}
#entete_flash h1 {
	padding: 50px 0 0 70px;
	color: black;
	font-size: 300%;
	font-weight: bold;
}
#entete_flash span {
	padding: 0 0 0 70px;
	font-size: 120%;
	color: black;
}

ul#menu {
	width: 670px;
	margin: 20px 0;
	padding: 0;
	border-bottom: 1px dotted #dedede;
}

ul#menu li {
	display: inline;
	padding: 0;
	border-right: 1px dotted #dedede;
}

ul#menu li.last {
	border-right: 0 solid transparent;
}

ul#menu li a {
	/*font-family: sans-serif;*/
	font-family: Verdana, Tahoma, Arial, sans-serif;
	padding: 8px 31px 6px 27px;
	line-height: 24px;
	color: #423e3e;
}

ul.link li a:hover,
ul#menu li a:hover {
	background: url('img/menu_degrade.png') repeat-x 0 center;
}

/* Pied de page */
#pied {
	clear: both;
	width: 850px;
	text-align: center;
	margin-top: 10px;
}

#pied ul.link {
	margin-left: 70px;
	margin-right: 225px;
	text-align: right;
}

#pied ul.link li {
	display: inline;
	padding: 8px;
}

#pied hr.pied {
	width: 850px;
	border: 0;
	border-top: 1px dotted #cdcdcd;
	margin: 5px 0;
	line-height: 1px;
	height: 1px;
}

#pied div.adresse {
	float: left;
}

#pied div.membre {
	float: right;
}

#pied a {
	/*font-family: sans-serif;*/
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 90%;
}

#pied div.adresse,
#pied div.membre {
	font-size: 90%;
}

/* Espaceur de blocs */
.nettoyeur { block; clear: both; margin: 0 auto; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; visibility: hidden; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
br.clear { line-height: 1px; height: 1px; border: 0; margin: 0; padding: 0; }

/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

/* Typo pour le contenu */
#contenu {
	/*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

#background_reseaux,
#background_plan,
#background_rubriques {
	background: url('img/background_rubriques.png') no-repeat left top;
	min-height:313px;
	padding:30px 40px 0 200px;
}

#background_reseaux,
#background_plan {
	height: auto;
}

#background_plan h2,
#background_plan div {
	margin: 5px;
}

#background_plan ul {
	margin: 5px 15px;
}

#background_reseaux {
	background: url('img/background_reseaux.png') no-repeat left top;
	padding: 30px 40px 0 210px;
}

#background_partenaires {
	background: url('img/background_partenaires.png') no-repeat left top;
	padding: 10px 40px 0 20px;
}

#background_clients {
	background: url('img/background_clients.png') no-repeat left top;
	padding: 10px 40px 0 20px;
}

#background_actualites {
	background: url('img/background_actualites.png') no-repeat left top;
	padding: 10px 40px 0 20px;
}

#menu_actualites {
	width: 130px;
	float: left;
}

#menu_actualites h2 {
	font-size: 140%;
	font-weight: bold;
	text-transform: uppercase;
}

#menu_actualites h3 {
	font-size: 120%;
	font-weight: bold;
}

#background_partenaires #pagination_partenaires,
#nav_actualites {
	float: left;
	width: 136px;
	margin-top: -70px;
	text-align: center;
}

.nav_actualites {
	float: left;
	width: 136px;
	text-align: center;
}

#pagination_partenaires a.lien_precedent,
.nav_actualites a.lien_precedent,
#nav_actualites a.lien_precedent {
	padding-top: 30px;
	float: left;
	background: url('img/bouton_precedent.png') center 0 no-repeat;
}

#pagination_partenaires a.lien_suivant,
.nav_actualites a.lien_suivant,
#nav_actualites a.lien_suivant {
	padding-top: 30px;
	float: right;
	background: url('img/bouton_suivant.png') center 0 no-repeat;
}

#pagination_partenaires strong,
.nav_actualites strong,
#nav_actualites strong {
	text-transform: uppercase;
}

.nav_actualites a,
#nav_actualites a {
	font-weight: bold;
	font-size: 90%;
}

#contenu_actualites {
	margin-left: 150px;
}

#contenu_actualites h4 {
	margin: 0 0 0 95px;
	font-weight: bold;
}

#contenu_actualites img {
	margin: 2px;
	vertical-align: bottom;
}

#contenu_actualites div {
	/*margin: 0 0 0 95px;*/
	font-size: 90%;
}

#contenu_actualites div ul {
	margin-left: 14px;
}

#contenu_actualites a {
	font-weight: bold;
}

.contenu_actualites div {
	margin: 10px 0;
}

#contenu_actualites div div {
	height: 90px;
	margin: 10px 0;
}

#background_partenaires h2,
#background_clients h2,
#background_reseaux h2,
#background_rubriques h2 {
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}

#background_reseaux div.first,
#background_rubriques div {
	font-size: 90%;
	margin-top: 30px;
	text-align: justify;
}

#background_reseaux div {
	font-size: 90%;
	text-align: justify;
}

#background_reseaux div div.first div,
#background_reseaux div div.first,
#background_reseaux div div {
	font-size: 100%;
}

#background_reseaux h3 {
	margin-left: 70px;
}

#background_reseaux ul {
	margin-left: 12px;
}

#background_reseaux li {
	margin: 3px 0;
}

#background_reseaux p {
	margin-bottom: 0;
}
#background_reseaux a {
	line-height: 20px;
}

#background_candidats,
#background_entreprises {
	background: url('img/background_entreprises.png') no-repeat left top;
	padding: 30px 40px 0 20px !important;
	padding: 30px 40px 0 0;
}

#background_candidats {
	width: 610px;
	background: url('img/background_candidats.png') no-repeat left top;
}

#background_candidats h2,
#background_entreprises h2 {
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 160px;
}

#background_candidats div,
#background_entreprises div {
	font-size: 90%;
	margin-top: 30px;
	padding-left: 160px;
	text-align: justify;
}

#menu_candidats,
#menu_entreprises {
	float: left;
	margin: 40px 0 0 0;
	list-style: none inside none;
	width: 160px;
}

#menu_candidats li,
#menu_entreprises li {
	padding: 8px 0;
	font-weight: bold;
}

#menu_candidats li a:visited,
#menu_entreprises li a:visited {
	/*color: #d09302;*/
	color: #bd2635;
}

#menu_candidats li a:hover,
#menu_entreprises li a:hover {
	/*color: #bd2635;*/
	color: #d09302;
}

div#bouton_candidats,
div#bouton_entreprises {
	background: transparent url('img/bouton_entreprises.png') no-repeat;
	width: 140px;
	height: 33px;
	padding-top: 17px;
	float: right;
	text-transform: uppercase;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}

div#bouton_candidats {
	padding: 17px 0 0 0;
	margin: 20px 0 0 0;
	background: transparent url('img/bouton_candidats.png') no-repeat;
	position: relative;
}

#espace_candidats_hover,
#espace_candidats {
	background: url('img/espace_candidats.png') no-repeat center center;
	height: 120px;
	width: 222px;
	margin-left: 40px;
	padding: 8px 20px 0 0;
	text-align: right;
}
#espace_candidats_hover {
	background: transparent none;
	text-align: center;
	padding: 0 0 10px 0;
	/*color: #d09302;*/
	color: #bd2635;
	height: auto;
}

#espace_entreprises_hover,
#espace_entreprises {
	background: url('img/espace_entreprises.png') no-repeat center center;
	height: 120px;
	width: 222px;
	margin-right: 50px;
	padding: 8px 20px 0 0;
	text-align: right;
}
#espace_entreprises_hover {
	background: transparent none;
	text-align: center;
	padding: 0 0 10px 0;
	/*color: #bd2635;*/
	color: #d09302;
	height: auto;
}

#espace_candidats a,
#espace_entreprises a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 120%;
	color: #FFFFFF;
}

#edito,
#droit {
	float: right;
	width: 150px;
	margin: 0px 10px;
}

#droit h2 {
	font-size: 100%;
	font-weight: bold;
}

#edito p,
#droit p {
	font-size: 90%;
	margin: 0 0 8px 0;
}

#edito h3 {
	margin: 20px 0;
	font-size: 150%;
	font-weight: bold;
}

#edito h4 {
	margin: 15px 0;
	font-size: 90%;
	font-weight: bold;
	text-align: justify;
}

form {
	margin: 5px 0;
}

form label {
	font-size: 90%;
}

form textarea,
form input {
	font-size: 80%;
	width: 134px;
}

form input.reset {
	width: auto;
	background: white;
	text-decoration: underline;
	text-transform: uppercase;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 70%;
}

form input.submit {
	width: auto;
	/*color: #bd2635;*/
	color: #d09302;
	background: white;
	text-decoration: underline;
	text-transform: uppercase;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 70%;
}

form br {
	line-height: 4px;
	margin: 0;
}

#actu_electeam {
	background: url('img/actu_electeam.png') no-repeat right center;
	height: 16px;
	padding: 10px 0;
}

#actu_electeam a {
	font-size: 110%;
	font-weight: bold;
	/*color: #bd2635;*/
	color: #d09302;
}

#actu_emploi {
	background: url('img/actu_emploi.png') no-repeat right center;
	height: 16px;
	padding: 10px 0;
}

#actu_emploi a {
	font-size: 110%;
	font-weight: bold;
	/*color: #f8b333; == d09302*/
	color: #bd2635;
}


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #423e3e; }
a:hover { text-decoration: underline; }