/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */
/* ----------------------------------------------
 ------------------------------------------------ */

/* Specificites SPIP */
h3.spip {text-align:left;}


#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: left; margin-right: 5px; margin-bottom: 4px; }
.cartouche .info-publi { font-size: .95em;	margin-top: 0; clear: left; }
.cartouche .h3+.info-publi {margin-top:-0.3em;}

.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
.texte { line-height: 1.60em; clear: both;}
.hyperlien { display: block; background: #F4F8FD; padding: 0.50em 1em; font-weight: bold; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
.documents_portfolio { clear: both; margin: 2em auto;}
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; border: 1px solid #DDD; }
.documents_portfolio a:hover .spip_logos { border-color: #F57900; }
.documents_portfolio a.on .spip_logos { border-color: #8B6F92; }
#document_actif { margin: 1em auto; }
#document_actif img { padding: 4px; border: 1px solid #DDD; }

.formulaire_recherche { margin-bottom: 2em; } /*google is your friendCf.: spip_formulaires.css*/

.menu-liste, .liste-items  {list-style:none;}

.liste-items {}
.liste-items .item {padding:5px;clear:both;overflow:hidden;}

.menu-liste {
	list-style: none;
	text-align: left;
	padding: 0;
	text-decoration: none;
}
.menu-liste .menu-entree {
	list-style: none;
	padding: 4px 5px;
	margin: 0 2px;
	color: #777;
}
* html body .menu-liste .menu-entree {
	height: 1%;
}
.menu-liste .menu-entree a {text-decoration: none;	color: #000; }
.menu-liste .menu-entree a:hover {color: #84003A;}
.menu-liste .menu-liste { margin-left: 5px; }
.menu-liste .menu-liste .menu-entree { border: none; }

/* Listes d'articles et extraits introductifs */
.articles .liste-items .item { list-style:none;clear: both; padding: 1.2em 0;}
.articles .liste-items .item .h3 { margin: 0.30em 0; }
.articles .liste-items .item .h3 a {color:#666666;}
.articles .item .info-publi { font-size: .95em;	margin-top: 0; clear: left; }
.articles .item .h3+.info-publi {margin-top:-0.3em;}
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 10px; }
.articles .liste-items .item .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles .liste-items .item .introduction { margin-top: 0.30em; line-height: 1.40em; text-align: justify;}

/* post footer */
.meta-publi {
	clear:both;
	background: transparent;
	padding: 5px; margin: 5px 0 5px 0;
	font-size: 95%;
}
.meta-publi .date-redac {	padding-left: 0px; margin: 0 5px; }
.meta-publi .nb_commentaires { padding-left: 0px; margin: 0 5px; }
.meta-publi .lire-la-suite { padding-left: 0px; margin: 0 5px; }

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.95em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }
.liste-items + .pagination {margin-top:0;}


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 0em; margin-right: 1em; text-align: right; font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }


/* comments list */
ul.forum,ul.forum ul {
	margin: 12px 10px;
	padding: 0;
	border-style: solid;	
	border-color: #F0F0F0;	
	border-width: 1px 1px 0 1px;
}
ul.forum ul.spip {border:0;}

ul.forum ul { margin:0; }
.forum li {
	margin: 0;
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #F0F0F0; 
}
.forum ul.spip li {border:0;padding:0;}
.forum li cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 7px;	
}
.forum li cite img {
	float: left;
	margin-right: 10px;	
}
.forum li cite .forum-chapo {
	font-size: .8em;
	font-weight: normal;
}
.forum li .forum-texte {
	clear: both;
	margin: 0; padding: 0;
}
.forum li.alt {
	background: #f8f8f8 
}


/* tables */
tables.spip tr,tables.spip tr.row_odd,tables.spip tr.row_even {background:transparent;}
/* ----------------- */
/********************************************
   AUTHOR:  			OpenStudio
   WEBSITE:   			http://www.parcoursatypique.com/
  TEMPLATE NAME:		Parcours Atypique
   VERSION:          1.0     
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { margin: 0; padding: 0; outline: 0; }

body {
	background: url(img/bg-body.jpg) repeat-x #F4F4F4;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #777;
	text-align: center;
	margin: 0;
}

/* links */
a, a:visited, a.spip_out {
	text-decoration: none;
	color: #84003A; 
}
a:hover {
	text-decoration: underline;
	color: #000;
}

/* headers */
h1,.h1, h2,.h2, h3,.h3, h3.spip { font-family: 'Trebuchet MS', Tahoma, Sans-serif;  line-height:100%;margin:1em 0 0.5em;}
h1,.h1 {
	font-size: 180%;	
	font-weight: normal;	
	color: #555;
}
h2,.h2 {
	font-size: 160%;
	color: #88ac0b;
	font-weight: normal;
}
h3,.h3, h3.spip {
	font-size: 135%;	 
	color: #666666;

line-height:100%;}

/* images */
.spip_documents img,.spip_logos img {
	background: #fff;
	border: 1px solid #E5E5E5;
	padding: 5px;
}
.spip_documents_right { margin: 5px 0px 10px 10px;  }
.spip_documents_left { margin: 5px 10px 10px 0px; }

p {
	margin: 10px 0px;
	padding: 0;
}
ul.spip, ol.spip, ul.forum ul.spip {
	margin: 5px 15px;
	padding: 0 25px;
}

.spip_code {font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;}
.spip_cadre {
  margin: 5px 0;
  padding: 15px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  border: 1px solid #E5F0FB;  
  background: #F4F8FD;
  width:90%;
}
acronym,abbr {
  cursor: help;
  border-bottom: 1px dotted #777;
}
blockquote.spip {
  margin: 10px 0;
  padding-left: 45px;
  font: bold 1.3em/1.5em "Trebuchet MS", Tahoma, arial, Sans-serif; 
  color: #2361BA;
  border: 1px solid #E5F0FB;   
  background: #F4F8FD url(img/quote.jpg) no-repeat 8px 6px;
}

/* start - table */
table.spip {
	border-collapse: collapse;
	margin: 10px 0;
}
table.spip th strong {
	color: #fff;
}
table.spip th {
	background: #306bc1 url(img/button-bg.jpg) repeat-x 0 0;
	height: 35px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	border: 1px solid #306bc1;
	border-bottom-width: 2px;
}
table.spip th a,table.spip th a:hover,table.spip th a:visited {background:none;}
table.spip tr {
	height: 32px;
	background: #fff;	
}
table.spip td {
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #FFF; 
}
/* end - table */

/* form elements */
.formulaire_spip {
	margin:10px 0; 
	padding: 10px 15px;
	border: 2px solid #D5D5D5; 
	background: #FFF;
}

.formulaire_editer_article .editer_parent {display: none;}

#utilisateur-connecte,
#entete .formulaire_login {
	position: absolute;
	top: 5px;
	right: 10px;
}
#entete .formulaire_login{
	 width: 190px;
	 height: 117px;
	 display: block;
	 margin: 0;
}
#entete .formulaire_spip {padding: 5px;}
#entete .formulaire_login form {padding: 0;}
#entete .formulaire_login input{
	width: 150px;
	border:1px solid #BBBBBB;
}
#entete .formulaire_login input.submit {padding: 0;}
#entete .editer_login{padding: 0;}
#entete .editer_password{padding: 0;}
#entete fieldset{margin: 0;}
#entete .formulaire_login .editer_session {display: none;}
#entete .formulaire_login label {font-size: 12px;}

#entete .erreur_message,
#entete .reponse_formulaire_erreur {
	z-index: 555;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	margin-left: 100px;
	padding: 0.8em;
	border: 1px solid #CC3300;
	background: url(img/blanc-80.png);
}

#utilisateur-connecte  {
	width: 205px;
	height: 115px;
	color: #000;
	background: #F4F4F4;
	border: 2px solid #D5D5D5;
}
#utilisateur-connecte h2{
	margin-top: 0;
 	font-size: 14px;
	font-weight: bold;
	color: #84003a;
	padding: 6px 5px 6px 10px;
	border-bottom: 1px solid #84003a;
	background: url(img/bg-titre-menu-droite.jpg) repeat-x 0 0;
}
#utilisateur-connecte ul{ list-style-type: none;}
#utilisateur-connecte li{
	padding: 10px 0 0 0;
	text-align: center;
}
#utilisateur-connecte a{color: #000;}

.formulaire_spip fieldset {
	border: none;
}
.formulaire_spip legend {
	display: none;
}
.formulaire_spip label {
	font-weight:bold;
}
.formulaire_spip input.text,.formulaire_spip input.password {
	font: normal 1em Verdana, sans-serif;
	background: transparent url(img/textarea-r-off.png) repeat-y 0 0;
}
.formulaire_spip textarea {
	font: normal 1em Verdana, sans-serif;
	border: 0;
	height: 110px;
	background:transparent url(img/textarea-r-off.png) repeat-y 0 0;
}
.formulaire_spip .submit {
	cursor: pointer;
}
.formulaire_spip .boutons {
	text-align:left; margin:0;
}

.formulaire_editer_article .boutons {
	float: right;
	clear: none;
	margin: 5px;
}
.formulaire_spip .boutons input,.formulaire_spip input.submit { 
	font: bold 12px Arial, Sans-serif; 
	margin: 0;
	padding: 2px 4px;
}

.formulaire_spip .boutons a { 
	color: #000;
}

.formulaire_spip .message-formulaire {
	padding: 2px 0;
}

#contenu .boutons-annuler a{
	vertical-align: middle;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(img/btn-annuler.jpg) no-repeat 0 0;
	padding: 1px 32px 10px 32px;
	color: #FFF;
}

/* search form */
.formulaire_recherche {
	background-color: transparent;
	border: none;	
	margin: 0; 
	padding: 5px 0 5px 0;	
}
.formulaire_recherche label {
	margin: 15px 5px 10px 5px;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	padding: 0;
	color: #555;
}

.formulaire_recherche p { margin: 0; padding: 0; }
.formulaire_recherche input.text { 
	width: 450px;
	color: #777; 
	height: 20px;
	padding: 2px;	
	border: 1px solid #BBB; 
	vertical-align: top;
}
#navigation .formulaire_recherche input.text {width: 110px;}
.formulaire_recherche input.submit {
	height: 26px;
	padding: 5px 5px;
	vertical-align: top;
}
#navigation .formulaire_recherche input.submit {width: 55px;}

#recherche_multicriteres #bas_formulaire {margin-left: 30px;}

.btn-recherche-1 {
      cursor: pointer;
      border:0;
      background: url(img/btn-recherche-profil.jpg) no-repeat 0 0;
      padding: 0;
      font-size: 0;
      width: 240px;
      height: 26px;
}
.btn-recherche-4 {
      cursor: pointer;
      border:0;
      background: url(img/btn-recherche-offre.jpg) no-repeat 0 0;
      font-size: 0;
      padding: 0;
      width: 240px;
      height: 26px;
}
.soumettre {
	text-align: right;
	margin-top: 0px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	background: url(img/plus.png) no-repeat 0 1px;
}
/********************************************
   LAYOUT
********************************************/ 
#page {
	width: 810px;
	margin: 0 auto;
	text-align: left;
}
#conteneur {
	clear: both;
	width: 810px;
	margin: 0;
	padding: 0 10px 0 10px;
	background: url(img/bg-page.jpg) repeat-y 0 0;
}
#entete {
	position: relative;
	height: 144px;
	background: url(img/bg-body.jpg) repeat-x;
	width: 790px;
	padding: 0 10px;	
	color: #fff;	
}
#entete #nom_site_spip {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 55px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -3px;
	color: #E4D38F;
	text-transform: none;
	text-decoration: none;
	background: transparent;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 18px; left: 35px;	
}
#entete #nom_site_spip a {color: #fff;}

#entete #slogan_site_spip  {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 80px; left: 50px;		
}
#entete .formulaire_menu_lang { position: absolute; right: 10px; top: 5px; display: block; margin:0;width: 235px;padding:0;background:none;border:0; } /*Cf.: spip_formulaires.css*/
/* Accueil (logo) */
#entete .accueil img {
	float: left;
	display: block;
	margin-top: 10px;
}

/* Entete A la Une */
#entete .a-la-une {
	width: 570px;
	height: 120px;
	position: relative;
	list-style: none;
}
#entete .a-la-une .spip_logos {
	position: absolute;
	bottom: 0;
	left: 0;
}
#entete .alaune-encart {
	width: 300px;
	height: 85px;
	padding: 5px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #000;
	background: url(img/blanc-80.png);
}
#entete .alaune-encart a {
	color: #000;
	text-decoration: none;
	background: transparent;
}
#entete .alaune-encart a:hover {color: #000;}
#entete .alaune-titre {	padding: 0;	margin: 0;}
#entete .alaune-titre a {color: #84003a;}


/* header links */
#entete #header-links {
	position: absolute;
	color: #C6DDEE;
	font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif;
	top: 20px; right: 20px;	
}
#entete #header-links a {	
	color: #fff;
	text-decoration: none;	
}
#entete #header-links a:hover {
	color: #D4FF55;	
}
#descriptif_site_spip {
	margin-bottom: 1em; padding: 0;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
}

/* navigation */
#nav {
	clear: both;	
	margin: 0; padding: 0;
	background: url(img/bg-menu.jpg) repeat-x 0 0;
	font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 37px;
	line-height: 38px;
	width: 790px;
}
#nav .menu-liste {
	float: left;
	list-style: none;
	margin:0 0; padding: 0 0 0 20px;
}
#nav .menu-liste .menu-entree {
	display: inline;
	padding:0;
	margin:0;
}
#nav .menu-liste .menu-entree a {
	display: block;
	float: left;
	padding: 0 15px;
	margin: -4px 0 0 0;
	color: #fff;	
	text-decoration: none;
	background: url(img/sep.jpg) no-repeat 100% 100%;
}
#nav .menu-liste .menu-entree a:hover {
	color: #e4d38f;	
}	min-height: 400px;
#nav .menu-liste .menu-entree.on a {
	color: #e4d38f;
}
#nav .menu-entree .menu-liste{
	display:none;
}

/* Main Column */
#contenu {
	float: left;
	position: relative;
	width: 560px;
	margin: 0; padding: 12px; 
	display: inline;
	border-right: 2px solid #F4F4F4;
}
#contenu h2,#contenu .h2, #contenu h1,#contenu .h1 {
	font: normal 180% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	padding: 0 0 10px 20px; 	
	margin-bottom: 0;		
	color: #84003a;
	background: url(img/puce-h2.jpg) no-repeat 0 4px;
}

#contenu h2 a,#contenu .h2 a {
	text-decoration: none;	
}

#contenu ul.spip li {
	list-style-image: url(img/bullet.gif);
}

/* Derniers profils, dernieres offres, nouveautés (resultat recherche) => page sommaire */

#contenu .derniers-profils {
	width: 268px;
	display: block;
	float: left;
	padding: 0 10px 0 0;
	border-right: 2px solid #F4F4F4;
}
#contenu .dernieres-offres {
	width: 268px;
	display: block;
	float: left;
	padding: 0 0 0 10px;
}

#contenu .dernieres-offres h2,
#contenu .derniers-profils h2,
#nuage-sommaire h2 {
	margin: 0;
}
#contenu .dernieres-offres .item-sommaire,
#contenu .derniers-profils .item-sommaire {
	 padding-left: 10px;
	 margin: 5px 0;
}
#contenu .dernieres-offres .item-sommaire li,
#contenu .derniers-profils .item-sommaire li,
#contenu .nouveautes .item-sommaire li,
#contenu .resultats .item-sommaire li {
	 list-style: none;
}

#contenu .dernieres-offres .liste-mots,
#contenu .derniers-profils .liste-mots {
	background: #FAFAFA;
	margin: 10px 0 10px 10px;
	text-align: center;
	padding: 2px;
}
#contenu .dernieres-offres .triple-puce,
#contenu .derniers-profils .triple-puce {
	margin: 0 auto;
	display: block;
	clear: both;
}
/* Nuages page d'accueil */

#nuage-sommaire {
	border-top: 2px solid #F4F4F4;
	padding-top: 5px;
	margin-top: 5px;
}
#nuage-recruteur h2,
#nuage-candidat h2{
	text-align: left;
}
#nuage-recruteur,
#nuage-candidat {
	display: block;
	float: left;
	text-align: center;
}
#nuage-candidat {
	width: 258px;
	border-right: 2px solid #F4F4F4;
	padding: 0 15px 0 5px;
}
#nuage-recruteur{
	width: 258px;
	padding: 0 5px 0 15px;
}
#nuage-sommaire a{
	color: #777;
}
#nuage-sommaire a:hover{
	color: #84003a;
}
#nuage-sommaire .nuage0{font-size: 0.7em; color: #ababab;}
#nuage-sommaire .nuage1{font-size: 0.8em; color: #ababab;}
#nuage-sommaire .nuage2{font-size: 0.9em; color: #888586;}
#nuage-sommaire .nuage3{font-size: 1.0em; color: #888586;}
#nuage-sommaire .nuage4{font-size: 1.1em; color: #888586;}
#nuage-sommaire .nuage5{font-size: 1.2em; color: #886d79;}
#nuage-sommaire .nuage6{font-size: 1.3em; color: #886d79;}
#nuage-sommaire .nuage7{font-size: 1.4em; color: #886d79;}
#nuage-sommaire .nuage8{font-size: 1.6em; color: #84003a;}
#nuage-sommaire .nuage9{font-size: 1.8em; color: #84003a;}
#nuage-sommaire .nuage10{font-size: 2em; color: #84003a;}

.tag_10 {font-size: 0.6em;color: #ababab;}
.tag_20 {font-size: 0.9em;color: #888586;}
.tag_30 {font-size: 1.2em;color: #886d79;}
.tag_40 {font-size: 1.5em; color: #874261;}
.tag_50 {font-size: 1.8em; color: #84003a;}
button.supprimer_tag {cursor: pointer;border:0;background-color:transparent;text-align:right;padding:2px 0;}

/* Sidebar */

#navigation {
	float: right;
	width: 192px;
	padding: 0; margin: 10px 25px 0 0;	
	color: #777;	
}
#navigation h2,#navigation .h2 {
	margin: 10px 0 0 0;
	padding: 5px 5px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #84003a;
	background: url(img/bg-titre-menu-droite.jpg) repeat-x 0 0;
}
#navigation #lien-profil{position: relative; width: 190px;}
#navigation #lien-profil A{
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	background: url(img/bg-titre-menu-droite.jpg) repeat-x 0 0;
	position: absolute;
	width: 100px;
	margin-top: 15px;
	padding: 5px 12px 5px 15px;
}
#navigation #lien-profil A:hover{
	text-decoration: none;
	color: #000;
}
#navigation #lien-profil img{
	vertical-align: middle;
}

#navigation .liste a {background: transparent; color: #000;}
#navigation .liste H2 a {color: #84003a;}
#navigation .liste a:hover {color: #84003a;}

#navigation .partenaires li{
	display: inline;
	margin: 2px 2px 0 0;
}
#navigation .menu-droite,
#navigation .menu-liste,
#navigation .liste-items {
	padding: 5px;
	margin: 0;
	border: 2px solid #d5d5d5;
	border-top: 2px solid #84003a;
}
#navigation .menu-liste .menu-liste {border: 0;}

#navigation .menu-droite li,
#navigation .menu-liste .menu-liste li {list-style: none;}
#navigation .partenaires {text-align: center;}

#navigation .rubrique-droite li,
#navigation .menu-liste li,
#navigation .liste-items li{
	list-style: url(img/mini-puce-beige.jpg);
	padding: 0;
	margin: 0 0 0 20px;
}
#navigation .rubrique-droite a{color: #000;}



/* Footer */	
#pied {
	color: #FFF;
	clear: both;
	width: 810px;
	margin: 0;
	padding: 0 10px 0 10px;
	background: url(img/bg-pied.jpg) repeat-y 0 0;
	text-align: center;	
	font-size: 12px;	
}
#pied a { 
	color: #fff;
	text-decoration: none;
	background: transparent;
}
#pied .menu-liste {
	padding: 10px;
	text-align: center;
}
#pied .menu-liste li{
	display: inline;
}
#footer-content { 
	padding: 10px 0;
	margin: 0 10px;
}



/****************************************************************************/

/* Ui tabs nav */
#contenu #tabs {
	border: 0;
	width: 100%;
	bottom: 0;
}
#contenu #tabs li {
	border: 0;
	background: transparent;
}
#contenu #tabs li a{
	color: #000;
	background: #FFF;
	padding: 5px 10px;
}
#contenu #tabs li a:hover{
	color: #84003A;
}
#contenu #tabs li.ui-tabs-selected a {
	color: #84003a;
	background: #eceaea;
}

/* Ui tabs panel */

#contenu .ui-tabs-panel {
	padding: 5px;
	background: #fafafa url(img/bg-panel.jpg) repeat-x 0 0;
	border: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #84003A;
}

#contenu #recherche_multicriteres H2,
#contenu #formulaire_nuage_edit H2{
	background: transparent;
	font-size: 10px;
	padding-left: 0;
	font-weight: bold;
}
#contenu #recherche_multicriteres option,
#contenu #formulaire_nuage_edit option {display: block; padding-right: 1em; }

#contenu #recherche_multicriteres select,
#contenu #formulaire_nuage_edit select{ width: 125px; _width: 125px; overflow: visible; }

#contenu .coef {font-size: 10px;}
#contenu .cadre_coef *{display: inline;}
#contenu .cadre_coef {display: block;}
#contenu .formulaire_recherche label { font-size: 12px;}

#contenu .selection-mot{
	display: block;
	float: left;
	width: 180px;
	margin: 0 2px 10px 0;
}

/**********/
.page_article #contenu h2,
#contenu .cartouche-recruteur h2,
#contenu .cartouche-candidat h2 {
	border-bottom: 1px solid #F4F4F4;
	padding-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	background: transparent;
	padding-left: 0;
	margin-top: 20px;
}

/******************************************************************/

/*  Page profil  */

#cartouche-encart-droite {
	float: left;
	margin: 0 0 25px 5px;
}
#cartouche-encart-droite H1{
	margin: 0 0 5px 0;
	padding: 0;
	background: transparent;
}
#cartouche-encart-droite .info-publi{
	margin: 2px 0;
}
#cartouche-encart-droite .nuage{
	background: #FAFAFA;
	padding: 5px;
	max-width: 405px;
}

#contenu .infos-article {
	background: #FAFAFA;
	margin-bottom: 5px;
	width: 350px;
}
#contenu .infos-article td {
	min-width: 170px;
}

#message-info {
	position:absolute;
	top:50%;
	width: 400px;
	z-index: 999;
	padding: 10px;
	width: 400px;
	color: #000;
	background: #FAFAFA;
	border: 2px solid #F60;
	margin: 0 auto;
}
#message-info ul li {
	margin: 0 25px;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	display: inline;
}
#message-info ul li a{ color: #F60;}

#contenu .surlignable {clear: both;}

#menu-candidat {
	list-style: none;
	width: 565px;
	height: 35px;
	padding : 0;
        margin : 5px 0 0 0;
        line-height : 14px;
        text-align : center;
	background: url(img/bg-titre-menu-droite.jpg) repeat-x 0 0;
	border-bottom: 1px solid #84003A;
}
#menu-candidat li {
	display: block;
	float: left;
        border-right : 1px solid #84003A;
	padding : 0;
        margin : 0;
	width: 140px;
	height: 35px;
}
#menu-candidat A{
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	background: transparent;
}

#contenu .socialtags { float: right;}

#contenu .boutons-actions {
	margin: 20px 0;
}
#contenu .boutons-actions li {
	display: inline;
	list-style: none;
}
#contenu .boutons-actions li A{
	padding: 5px 30px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #84003A url(img/bg-btn.jpg) repeat-x 0 0;
	border: 1px solid #84003A;
}
#contenu .retour {
	color: #BDB07B;
	float: right;
	padding-left: 32px;
	font-size: 14px;
	font-weight: bold;
	background: url(img/retour.png) no-repeat 0 0;
}
#contenu .nuage_coeff {
	text-align: center;
	padding: 1.5em;
	line-height: 2em;
	background: #FAFAFA;
}

.page_article #contenu .spip_logos {clear: both;}

/* Nuages page article */
#contenu .nuage_edit .supprimer_tag{
      cursor: pointer;
      border:0;
      background: url(img/supprimer.png) no-repeat 0 0;
      padding: 0;
      font-size: 0;
      width: 16px;
      height: 16px;
}

/*Recruteur & candidat tabs*/
#recruteur-tabs,
#candidat-tabs {margin-top: 15px;}

#recruteur-tabs .formulaire_spip,
#candidat-tabs .formulaire_spip {border: none;}

#recruteur-tabs .ui-tabs-panel,
#candidat-tabs .ui-tabs-panel{
	padding: 15px 5px 5px 5px;
	background: #FFF;
	width: 555px;
	min-height: 400px;
	border: 1px solid #CCC;
	
}

#recruteur-tabs li a,
#candidat-tabs li a {
	padding: 0.6em 0.6em;
	font-size: 1em;
	color: #000;
}
#recruteur-tabs li a:hover,
#candidat-tabs li a:hover{
	background: #DDD;
}
#recruteur-tabs select li,
#candidat-tabs select li  {
	background: transparent;
	padding: 0;
}

#recruteur-tabs h2,
#candidat-tabs h2{display: none;}

#recruteur-tabs .ui-tabs-selected a,$
#candidat-tabs .ui-tabs-selected a{
	color: #84003A;
}
#recruteur-tabs .formulaire_spip li,
#candidat-tabs .formulaire_spip li {border: 0;}

#recruteur-tabs ul,
#candidat-tabs ul {background: #CCC;}

/* Credits */
#credits li {
    display: block;
    border: none;
    width:80%;
}
#credits .commander-credit {
    clear: both;
    float: left;
    margin-top: 10px;
}



/* Tableau offre */
.liste-profils {width: 550px; font-size: 14px;}
.liste-profils TD {height: 50px;}
.liste-profils .row_odd {background-color: #eeeeee;}
.liste-profils .row_even {background-color: #FAFAFA;}

.liste-profils a, .modifier-informations {border-bottom: 1px dotted #84003A;}
.liste-profils a:hover, .modifier-informations:hover {border-bottom: 1px solid #84003A; text-decoration: none; color: #84003A;}

.modifier-tags { float: right; }

.no-underline a {border: 0;}
.no-underline a:hover {border: 0;}

.liste-profils span, .infos-article span {padding-left: 12px}

.liste-profils .publie, .infos-article .publie {background: url(img/puce-verte.gif) no-repeat left center;}
.liste-profils .prepa, .infos-article .prepa {background: url(img/puce-blanche.gif) no-repeat left center;}
.liste-profils .prop, .infos-article .prop {background: url(img/puce-orange.gif) no-repeat left center;}
.liste-profils .refuse, .infos-article .refuse {background: url(img/puce-rouge.gif) no-repeat left center;}
.liste-profils .poubelle, .infos-article .poubelle {background: url(img/puce-poubelle.gif) no-repeat left center;}

.ajouter_profil, .ajouter_offre {
	float: right;
	margin-right: 20px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	background: url(img/plus.png) no-repeat 0 1px;
}
.ajouter_profil:hover, .ajouter_offre:hover {
	background: url(img/plus.png) no-repeat 0 1px;
	text-decoration: none;
}
#vos-offres .row_first,
#profils-favoris .row_first,
#vos-profils .row_first,
#offes-favorites .row_first {display: none;}
#candidatures th {background: #84003A; border-color: #FFF;}

/********** Nouvel auteur **********/
#contenu .choix-type-auteur {
	list-style: none;
	margin-top: 40px;
}
#contenu .choix-type-auteur li {
	display: block;
	float: left;
	padding: 110px 0 20px 0;
	width: 270px;
	text-align: center;
}
#contenu .choix-type-auteur .choix-type-candidat {background: url(img/pix.png) no-repeat center top; margin-right: 5px;}
#contenu .choix-type-auteur .choix-type-recruteur {background: url(img/malette.png) no-repeat center top;}

#contenu .choix-type-auteur li A {
	padding: 8px 20px;
	font-size: 1.5em;
	color: #84003a;
	background: url(img/bg-titre-menu-droite.jpg) repeat-x 0 0;
	border-bottom: 1px solid #84003A;
}
#contenu .creation_reussie p{
	margin-top: 40px;
}
#contenu .creation_reussie p a{
	padding: 5px 30px 5px 30px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #84003A url(img/bg-btn.jpg) repeat-x 0 0;
	border: 1px solid #84003A;

}

/************** Page rubrique - Derniers profils - Dernieres offres ******************/
.page_rubrique .liste-offre-profil {
	border-bottom: 2px solid #F4F4F4;
	padding-bottom: 10px;
}
.page_rubrique .liste-offre-profil ul, .page_recherche .liste-offre-profil ul {
	margin-left: 15px;
}
.page_rubrique .liste-offre-profil .lire-la-suite {
	padding-top: 2px;
}
.page_sommaire .tag_10, .page_sommaire .tag_20,
.page_sommaire .tag_30, .page_sommaire .tag_40,
.page_sommaire .tag_50,
.page_rubrique .tag_10, .page_rubrique .tag_20,
.page_rubrique .tag_30, .page_rubrique .tag_40,
.page_rubrique .tag_50 {font-size: 1em;}

/***************** spec nouveautés(recherche multicriteres) et resultats(mots) ********/
#contenu .nouveautes {
	border-top: 0;
}
#contenu .nouveautes h2,
#contenu .resultats h2 {
	border-bottom: 2px solid #84003A;
	padding-bottom: 5px;
	font-size: 17px;
	font-weight: bold;
	background: transparent;
	padding-left: 0;
	margin-top: 20px;
}
#contenu .resultats h2 {font-size: 20px; border-bottom: 2px solid #F4F4F4;}
#contenu .nouveautes h3,
#contenu .resultats h3 {
	font-size: 14px;
}
#contenu .nouveautes .liste-mots,
#contenu .resultats .liste-mots {
	background: #FFF;
	margin: 10px 10px;
	text-align: center;
	padding: 4px;
}
#contenu .resultats .liste-mots {background: #FAFAFA;}
#contenu .nouveautes .item-sommaire,
#contenu .resultats .item-sommaire {
	 margin: 5px 0;
	 padding-left: 10px;
}
#contenu .nouveautes .tag_10, #contenu .resultats .tag_10,
#contenu .nouveautes .tag_20, #contenu .resultats .tag_20,
#contenu .nouveautes .tag_30, #contenu .resultats .tag_30,
#contenu .nouveautes .tag_40,#contenu .resultats .tag_40,
#contenu .nouveautes .tag_50, #contenu .resultats .tag_50
{font-size: 1em;}

#contenu .nouveautes .percentImage {
    background: white url(img/percentimage_back.png) top left no-repeat;
    padding: 0;
    float: right;
    margin: 2px 0 0 0;
    background-position: 1px 0;
}
#contenu .nouveautes .pertcent {
    padding: 0;
    float: right;
    margin: 0 4px 0 0;
}

#contenu .relancer-recherche {
    text-align: right;
}
/**************** Page candidature *****************/

#contenu .candidature-candidat .texte,
#contenu .candidature-reponse .texte{
	 padding: 1em;
	 background: #FCFCFC;
	 border: 1px solid #F4F4F4;
	 color: #000;
}

#contenu .candidature-candidat h2,
#contenu .candidature-reponse h2{
	border-bottom: 1px solid #F4F4F4;
	padding-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	background: transparent;
	padding-left: 0;
	margin: 20px 0;
}
#contenu .confirmation-candidature {
	margin-top: 10px;
}
#contenu .confirmation-candidature .confirmee {
	padding: 2px 0 2px 35px;
	font-size: 14px;
	font-weight: bold;
	background: url(img/tick.png) no-repeat 0 0;
	color: #5d8f5c;
}
#contenu .confirmation-candidature .en-attente {
	padding: 0px 0 2px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}

/*************** Forms : ajout de mot clé & contact ******************/
#contenu .form_1 fieldset,
#contenu .form_2 fieldset {
	padding: 10px;
}
#contenu .form_1 fieldset legend,
#contenu .form_2 fieldset legend{
	color: #84003A;
	font-size: 1.2em;
}
#contenu .form_1 input[type="submit"],
#contenu .form_2 input[type="submit"]{
	padding: 2px 20px;
	font-size: 14px;
	color: #fff;
	margin: 5px 0 0 15px;
	background: #84003A url(img/bg-btn.jpg) repeat-x 0 0;
	border: 1px solid #84003A;
	cursor: pointer;
}
#contenu .form_1 label,
#contenu .form_2 label,
#contenu .form_1 .label,
#contenu .form_2 .label  { 
	float:left;
	text-align: right;
	width: 175px;
}
#contenu .form_2 .texte_1 label {
	text-align: left;
}

#contenu .form_1 .spip_form_label_details,
#contenu .form_2 .spip_form_label_details {
	float: right;
}
#contenu .form_1 textarea,
#contenu .form_2 textarea {
	max-width: 540px;
}
#contenu .spip_form_champ {
	margin: 5px 0;
}