body {
	margin:0;
	padding:0;
	background:#fff;
}

.clear {clear:both;}

#logo-impression {
	display:none;
}

.petite-note {
	font-size:11px;
	color:#999;
}

#corps {
	margin:0 auto;
	padding:25px 0;
	width:706px;
	overflow:hidden;
	color:#16294b;
	background:url(/img/fond-corps.gif) 500px 0 repeat-y;
}

#corps * {
	color:#16294b;
}

#corps a {
	color:#16294b;
}

#corps a:hover {
	color:#cf6209;
}

#gauche {
	float:left;
	width:500px;
}

#gauche .enrobage {
	margin:0 6px 0 16px;
	padding:0;
}

#gauche h2 {
	margin:0 0 5px 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#6a6a6a;
}

#gauche h1 {
	margin:0 0 20px 0;
	padding:0;
	font-size:24px;
	font-weight:bold;
	color:#16294b;
	text-transform:uppercase;
}

#gauche ul {
	margin:0 0 1em 15px;
	padding:0;
	list-style:none;
}

#gauche li {
	margin:0 0 0.3em 0;
}

#gauche li a {
	font-weight:bold;
	text-decoration:none;
}

#gauche ul a:hover {
	text-decoration:underline;
}

#droite {
	float:left;
	width:206px;
}

#droite .enrobage {
	margin:0 5px 0 10px;
	padding:0;
}

#droite .boite {
	padding:5px;
	border-top:1px solid #cccccc;
}

#droite .boite h3,
#droite .boite h3 a {
	margin:5px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#1e3868;
	text-decoration:none;
}

#droite .boite h3 a:hover {
	color:#cf6209;
	text-decoration:underline;
}

#droite .boite h4 {
	margin:5px 0;
	padding:0;
	font-size:10px;
	font-weight:bold;
	color:#414141;
}

#droite .boite .flotte.gauche {
	float:left;
	width:64px;
	margin:7px 0 0 0;
}

#droite .boite .flotte.droite {
	float:right;
	width:122px;
}

#droite #guide.boite {
	padding-right:0;
}

#droite #guide.boite p {
	margin:0 0 4px 0;
}

#droite #presentation.boite {
	text-align:center;
}

#droite #presentation.boite p {
	margin:20px 0;
}

#liste_entreprises {
	margin:0;
	padding:0;
	border-top:1px solid #e6e5e5;
}

.entreprise {
	margin:0;
	padding:15px 0;
	border-bottom:1px solid #e6e5e5;
}

.entreprise a {
	text-decoration:none;
}

.entreprise a:hover,
#corps .entreprise a:hover strong {
	color:#cf6209;
}

#corps .entreprise a:hover strong {
	text-decoration:underline;
}

.entreprise p {
	float:left;
	width:250px;
	margin:0;
	padding:0;
}

.entreprise p.logo {
	margin-left:15px;
	width:190px;
}

#outils {
	text-align:right;
	position: relative;
}
#outils a {
	margin-left:10px;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

#outils.new {
	
}

#outils.new li {
	float: left;
	list-style: none;
}

#outils.new ul {
	padding-left: 0;
	float: right;
}

#outils.new ul li {
	padding: 3px;
	margin-right: 10px;
}

#outils.new a {
	margin: 0;
}

#outils.new ul li.partager {
	margin: 0;
	padding: 3px 4px 5px;
	text-align: left;
	background: #fff;
	border: 1px solid #c9d0d6;
	position: relative;
	width: 155px;
}


#outils .partager span {
	position: absolute;
	top: 5px;
	left: 4px;
}

#outils .partager span img {
}

#outils .partager ul {
	float: right;
	padding-top: 1px;
}

#outils.new ul li.partager li {
	padding: 0 2px 0 0;
	border: none;
	margin: 0;
	float: left;
}

#outils .partager li a {
	display: block;
	width: 14px;
	height: 12px;
	font-size: 8pt;
	margin:0;
	display: block;
	text-indent: -9999px;
	float: left;
	outline: none;
}

#outils .partager li.delicious a { background: url("/img/partager/delicious.gif") no-repeat 0 0; }
#outils .partager li.publieca a { background: url("/img/partager/publieca.gif") no-repeat 0 0; }
#outils .partager li.facebook a { background: url("/img/partager/facebook.gif") no-repeat 0 0; }
#outils .partager li.google a { background: url("/img/partager/google.gif") no-repeat 0 0; }
#outils .partager li.twitter a { background: url("/img/partager/twitter.gif") no-repeat 0 0; }
#outils .partager li.linkedin a { background: url("/img/partager/linkedin.gif") no-repeat 0 0; }


h1 {
	margin-top:0;
}

/* Vedettes */
#vedette {
	margin:0 0 15px 0;
	padding:0;
	background:#f3f4f8;
	border-top:2px solid #171f5e;
	border-bottom:2px solid #d1d3e0;
}

#vedette h3 {
	margin:0 0 10px 0;
	padding:5px 10px;
	color:#171f5e;
	font-size:14px;
	text-transform:uppercase;
	background:#eae9f1;
}

#vedette ul {
	margin:0 10px 5px 10px;
	padding:0;
	list-style:none;
}

#vedette li {
	margin:0;
	padding:0 0 5px 20px;
	background:url(/img/puce-vedette.gif) 0 0.25em no-repeat;
}

#vedette li a {
	color:#171f5e;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

/* Guide de l'emploi */
#ge {
	margin:10px 0 10px 0;
	padding:10px 0;
	width:100%;
	overflow:hidden;
	border:1px solid #e1e4eb;
	background:#f0f1f5;
}

#ge * {
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
}

#ge strong {
	font-size:12px;
}
#ge.monemploi strong {
	color:#C4171B;
}
#ge.maformation strong {
	color:#426e9b;
}

#ge p {
	margin:0 10px 0 10px;
	line-height:16px;
}

#ge p img {
	float:left;
	margin:0 10px 0 0;
}

#ge ul {
	float:left;
	margin:5px 0 0 20px;
}

#ge li {
	margin-bottom:3px;
	padding-left:10px;
	background:url(/img/puce-ge.gif) 0 55% no-repeat;
}

/* Contenu aleatoire */
#contenualeatoire {
	width:100%;
}
#contenualeatoire td{
	border-style:none;
}
#contenualeatoire td.titre{
	background:#7090b2 url(../mon_emploi/img/cote_accueil/back_titre.gif) no-repeat;
	height:30px;
}
#contenualeatoire td.titre p{
	color:#ffffff;
	margin-left:8px;
	font-size:11px;
	position: relative;
}

#contenualeatoire td.titre p .rss, a.rss-special {
	position: absolute;
	right: 4px;
	top: 1px;
	background: url("/img/rss-petit.png");
	height: 12px;
	width: 12px;
	display: block;
	text-indent: -9999px;
	cursor: pointer !important;
	outline: none;
}
a.rss-special { top: 9px; }

* html #contenualeatoire td.titre p .rss, * html .rss-special {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/rss-petit.png",sizingMethod="scale");
	background: none;
	font-size: 0pt;
}

.rss-single {
	padding: 6px 0 0;
}

.rss-single a:link,
.rss-single a:visited {
	color: #666;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	background: url("/img/rss-moyen.gif") no-repeat 0 50%;
	padding: 2px 1px 2px 20px;
	height: 1%;
	outline: none;
}

.rss-single a:hover {
	text-decoration: underline;
}

ul.rss-liste {
	padding: 0;
	margin-left: 0;
	font-size: 8pt;
}

ul.rss-liste li {
	margin: 0 0 5px;
	list-style: none;
	width: 100%;
	overflow: hidden;
}

ul.rss-liste li a {
	background: url("/img/rss-moyen.gif") no-repeat 0 50%;
	display: block;
	padding: 2px 1px 2px 21px;
	height: 1%;
	float: left;
}

#contenualeatoire td.contenu{

}

/* Nous recrutons */

#recrutons {
	width: 134px;
	margin: 0 0 15px;
}

#recrutons h2 {
	margin: 0;
	padding: 0;
	font-size: 8pt;
	color: #fff;
	padding: 4px 7px 6px;
}

#recrutons.mon_emploi h2 {
	background: url("/img/bg-menu-entete-orange.gif") repeat-x bottom left;
}

#recrutons.ma_formation h2 {
	background: url("/img/bg-menu-entete-verte.gif") repeat-x bottom left;
}

#recrutons p {
	padding: 0;
	margin: 0;
}

#recrutons p a {
	display: block;
	text-align: center;
	padding: 14px 0;
}

/* Entreprises qui recrutent */

#recrutent {
	background: #909ea9;
	width: 134px;
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1998;
	overflow: hidden;
}

#recrutent img {
	display: block;
}

#recrutent form {
	padding: 0;
	margin: 4px 5px 4px;
	position: relative;
	z-index: 2000;
	border: 1px solid #909ea9;
	height: 1%;
	overflow: hidden;
	width: 121px;
}

#recrutent div.sep {
	color: #fff;
	font-weight: bold;
	background: url("/img/bg-separateur.gif") repeat-x 0 50%;
	text-align: center;
	padding: 0;
	width: auto;
	margin: 0;
}

#recrutent .sep span {
	background: #909EA9;
	padding: 1px 6px;
}

#recrutent form#recrutent-secteur {
	background: #909ea9;
	border: none;
	margin: 0;
	padding: 4px 7px 4px 6px;
	width: 134px;
}

#recrutent div {
	margin-bottom: 8px;
	width: 120px;
	overflow: hidden;
}

#recrutent label {
	display: block;
	margin-bottom: 3px;
}

#recrutent select {
	font-size: 8pt;
	width: 330px;
	cursor: pointer;
}

h1.resultats {
	margin-bottom: 0.3em;
}

p.motscles {
	color: #273E73;
	font-size: 11pt;
	margin-top: 0;
}

/* section copilote */

#copilote h4.titre{margin-bottom:-1em!important; color:#000;}
li.s_titre { list-style:none; font-size:13px; margin-left:-3em; margin-bottom:5px;}

p.commander {text-align:center;}
p.commander a{ margin-right:10px;}

#copilote div.encadre {
	padding:.5em .5em 0 .5em;
	border-top:1px solid #273E73;
	margin-bottom:30px;
}

#copilote div.encadre#commentaires {
	background:#EBEBEB;
	border-bottom:1px solid #273E73;
	padding-bottom:.1em;
}

#copilote div.encadre#commentaires h4 {
	margin-bottom:10px!important;
}

#copilote div.encadre p strong.nom{
	color:#273E73;
}


#copilote div.encadre h4.titre{
	margin-top:0;
}

#copilote div.encadre ul{
	padding-left:2em;
}

#copilote div.encadre ul.rapports {
	margin-top:2em;
}

#copilote div.encadre ul.rapports li {
	list-style:url(../mon_emploi/img/pdf2.gif);
	margin-bottom:5px;
}

#copilote div.encadre ul.rapports li a{
	color:#000;
	text-decoration:none;
}
#copilote div.encadre ul.rapports li a:hover{
	text-decoration:underline;
}

/* Formulaire de commande */

#form_commande h3.titre {border-right:1px solid #273E73;border-bottom:1px solid #273E73;border-left:1px solid #273E73; padding:0 0 5px 5px; margin-bottom:2em;}
#form_commande ul{ list-style:none; margin-bottom:2em;}
#form_commande ul li{ width:100%; overflow:hidden; margin-bottom:2px;}
#form_commande ul label{ width:200px; float:left; text-align:right; padding:0px 10px 5px 0; margin:0 5px 5px 0; border-right:4px solid #273E73;}
#form_commande ul li input{ width:200px; float:left;}
#form_commande ul li input,#form_commande ul li select{ float:left;}

#form_commande ul.paiement { margin-bottom:1em;}
#form_commande ul.paiement li { margin:0; font-size:11px; float:left; width:200px;}
#form_commande ul.paiement li input{ width:150px; margin:0; padding:0; float:left;}
#form_commande ul.paiement li select#annee{ margin-right:5px; }
#form_commande ul.paiement li select#mois{ margin-right:5px; }
#form_commande ul.paiement li label{ float:left; border:none; margin:0; padding:0; text-align:left;}
#form_commande ul.paiement li label.error{ float:left; margin:5px 0 0 0; padding:2px; text-align:left;border:1px solid red; height:100%;}

span.erreurchamp { color:red; font-size:11px; }

#form_commande p.basdroite { width:300px; margin:0 auto; }
#form_commande p.basdroite span{ padding-top:10px; float:left;}
#form_commande p.basdroite a:hover{ text-decoration:none; }

input.style_input{ background:#273E73; color:#fff; border:0; padding:5px; margin-right:10px; margin-top:-10px;}
input:hover.style_input{ text-decoration:underline; cursor:pointer}

#form_commande span.beton { margin:0; padding:2px 0 0 1px; width:198px; border:1px dotted #000; height:16px; float:left;}
#form_commande li.message { color:red; margin:-5px 0 5px 220px; font-size:10px;}

#form_commande label.error{ color:red; margin:0 0 0 5px; padding:2px; text-align:left; font-size:11px; background:#FFFF99; border:1px solid red; width:auto; height:15px;}

#form_commande label.error.passe{ display:none; width:100px;}

div#colonne1, div#colonne2, div#colonne3 {
	width:200px;
	float:left;
	margin:0 20px 0 0;
}
div#colonne1 h3.titre, div#colonne2 h3.titre, div#colonne3 h3.titre {border-right:1px solid #273E73;border-bottom:1px solid #273E73;border-left:1px solid #273E73; padding:0 0 5px 5px; margin-bottom:1em;}
div#colonne1 ul li, div#colonne2 ul li, div#colonne3 ul li { list-style:none;}
div#colonne1 ul, div#colonne2 ul, div#colonne3 ul { margin:0 0 1em 0; padding:0;}

a.bouton_a { padding:5px; background:#273E73; color:#fff!important; text-decoration:none; display:block; text-align:center; float:left; margin:0 5px 0 0;}
a:hover.bouton_a { text-decoration:underline;}

a.bouton_b span { font-size:14px; font-weight:bold;}
a.bouton_b { padding:10px 50px; background:#273E73; color:#fff!important; text-decoration:none; clear:both; display:block; width:300px; text-align:center; margin:0 auto;}
a:hover.bouton_b { text-decoration:none;}

#copilote blockquote.note { font-size:11px;}
#copilote span.note1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; float:left;}

#copilote p.important {
	padding:.5em;
	border-top:1px solid #273E73;
	border-bottom:1px solid #273E73;
	background:#d5d5d5;
}

#confirmer { width:300px; margin:0 auto; clear:both;}

table#produit {
	border-collapse:collapse;
	font-size:12px;
	clear:both;
}

table#produit td{
	border-collapse:collapse;
	clear:both;
	border:1px solid #000;
}

table#produit span{
	color:#273E73;
}

/* Ajouter � un contenant pour ne pas que le contenu d�borde */


div#wrap_liste {
	position:relative;
}


ul#section_nouvelles {
	position:relative;
	padding:1px 0 0 0;
	margin:0;
	background:#e6e4e5;
	clear:both;
}

ul#section_nouvelles li {
	list-style-type:none;
	background:#fff url(../img/boite-nouvelles.gif) 109px center repeat-y;
	padding:5px 0 5px 0;
	border-bottom:1px solid #e6e4e5;
	border-right:1px solid #fff;
	margin-top:0;
}

ul#section_nouvelles li#dernier_menu1 {
	border-bottom:none;
	padding-bottom:0;
}

ul#section_nouvelles li#dernier_menu1 a{
	border-bottom:1px solid #E6E4E5;
	padding-bottom:5px;
	width:145px;
	display:block;
}

ul#section_nouvelles li a {
	width:135px;
	overflow:hidden;
	display:block;
	padding:0 10px;
	background: url(../img/boite-fleche-g.gif) left 3px no-repeat;
	color:#7f7f7f;
	text-decoration:none;
}

ul#section_nouvelles li a:hover {
	text-decoration:underline;
	color:#273E73;
}

ul#section_nouvelles li.choisi {
	list-style-type:none;
	background:#e6e4e5;
	border-right:none;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-bottom:1px;
}

ul#section_nouvelles li.choisi a {
	display:block;
	font-weight:bold;
	color:#273E73;
	background: url(../img/boite-fleche-b.gif) left 3px no-repeat;
}

ul#section_nouvelles li ul {
	overflow:hidden;
	padding:10px 0 0 0;
	margin:1px 0 0 0;
	position:absolute;
	top:0;
	left:150px;
	border-top:1px solid #fff;
	background:#e6e4e5;
	width:236px;
}

ul#section_nouvelles li ul li {
	margin:0 0 5px 20px;
	border:none;
	padding:5px 5px 5px 5px;
	background:#e6e4e5;
	color:#273E73;
	list-style-type:disc!important;
	vertical-align:middle;
	width:191px;
}

ul#section_nouvelles li ul li a {
	display:block;
	width:100%;
	font-weight:normal!important;
	color:#273E73;
	text-decoration:underline!important;
	background:none!important;
	padding:0!important;
	margin:0;
}

ul#section_nouvelles li ul li.impair {
	background:#f3f1f2;
}

ul#section_nouvelles li.dernier {
	overflow:hidden;
	list-style-type:none!important;
	margin:0 0 1px 0!important;
	border-bottom:1px solid #fff;
	width:100%;
	padding:10px 5px;
}

ul#section_nouvelles li.dernier a{
	display:inline;
	width:auto;

}

p.encadre {
	position:absolute;
	bottom:0;
	height: 50px;
	left:0;
	color:#273E73;
	border:1px solid #7f7f7f;
	padding:5px;
	z-index: 1000;
}

h6.soustitre_nouvelles {
	font-size:14px;
	color:#273E73;
	margin-bottom:1em;
}



/* Ajouter � un contenant pour ne pas que le contenu d�borde */
.clear { display: inline-block; }
.clear:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

#vacances {
	border:1px solid #a2090b;
	color:#a2090b;
	background:#fff685 10px 50% no-repeat;
	padding:12px 12px 3px;
	margin-bottom:14px;
}

#vacances.full {
	margin-right: 20px;
}

#vacances h3 {
	padding: 5px 0 0 0;
	margin: 0;
}

#vacances p {
	color:#a2090b;
	font-size: 8pt;
	text-align: left;
	margin: 0 0 0.8em 0;
}

#search-box {
	margin: 7px 0 0 0;
}

#search-box #s {
	margin-bottom: 5px;
	width: 240px;
}

#search-box #s.vide {
	color: #bbb;
}