/* navigation des onglets administrables */

.onglets-administrables ul.navigation {
	padding-top:10px;
	padding-left:10px;
}

.onglets-administrables ul.navigation li {
	background:url(../images/pages-details/nav.gif) no-repeat;
	width:169px;
	height:35px;
	text-align:center;
	float:left;
}

.onglets-administrables ul.navigation li.on {
	background:url(../images/pages-details/nav-on.gif) no-repeat;
}

.onglets-administrables ul.navigation li.right {
	background:url(../images/pages-details/nav-right.gif) no-repeat;
}

.onglets-administrables ul.navigation li a {
	display:block;
	width:169px;
	height:35px;
	padding-top:8px;
	color:#97b447;
	text-decoration:none;
	font-size:17px;
	position: relative;
	z-index: 1;
	cursor:pointer;
}

* html .onglets-administrables ul.navigation li a {
	height:27px;
}

.onglets-administrables ul.navigation li a strong {
	font-size:17px;
}

.onglets-administrables ul.navigation li.on a {
	color:#FFFFFF;
}

/* BLOC A */

.blocAsecond .content .marges
{
    margin: 0;
    padding: 0;
}

/* pour caler le contenu dans un bloc de type A */

.detail .content .marges
{
    width: 676px;
    margin-left: 10px;
}


/* Page Détail */

/* Titre de la page dans le cartouche, pour qu'elle passe au-dessus des onglets */

.blocAsecond .titre-page .top
{
    margin-top: 7px;
}

.blocAsecond .titre-page .top .vert
{
    background: url(../images/fonds/A-top-vert-onglet.png) no-repeat 0 0;
    height: 41px;
    width: 100%;
}

.blocAsecond .titre-page .top .vert h1 {
	padding-top:15px;
}

/* Bloc Texte */

.detail .content .marges .break {
	clear:both;
}

.detail .content .marges .bloc-img-left, .detail .content .marges .bloc-img-right, .detail .content .marges .bloc-img-none {
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
}

.detail .content .marges p.titre-detail {
	padding-bottom:22px;
	font-size:14px;
	color:#859d0c;
}

.detail .content .marges p.titre-detail strong {
	font-size:14px;
}

.detail .content .marges p.visuel-detail {
	float:left;
	margin-right:30px;
}

.detail .content .marges p.visuel-detail-right {
	float:right;
	margin-left:20px;
}

.detail .content .marges p.texte-detail {
	color:#464646;
}

.detail .content .marges p.texte-detail a {
	color:#464646;
	text-decoration:underline;
}

.detail .content .marges p.sous-titre-detail {
	color:#7f7f7f;
	padding-bottom:18px;
}

.detail .content .marges p.sous-titre-detail.top {
	padding-top:18px;
}

.detail .content .marges span.legende {
	font-size:10px;
	color:#7f7f7f;
	padding-top:6px;
	display:block;
}

/* Liste Region */
 
.detail .content .marges ul.region {
	margin-left:60px;
	margin-top:55px;
	float:left;
}

* html .detail .content .marges ul.region {
	margin-left:30px;
}

.detail .content .marges ul.region.no-margin {
	margin-left:0px;
}

* html .detail .content .marges ul.region.no-margin {
	margin-left:0px;
}

.detail .content .marges ul.region li {
	color:#464646;
	padding-bottom:12px;
	border-right:1px #dcdcdc solid;
	width:160px;
	padding-left:30px;
}

.detail .content .marges ul.region li a {
	color:#464646;
	text-decoration:underline;
}

.detail .content .marges ul.region li a:hover
{
    color:#000;
}

.detail .content .marges ul.region li.no-border {
	border:0;
}

/* Tableau Vignettes */

.partie-deux
{
    width:615px;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
}

.partie-deux table
{
    width:100%;
    margin-bottom: 15px;
}

.partie-deux .vignette a
{
    background: url(../images/fonds/ilsrecrutent/bg-vignette-entreprise.gif) no-repeat 0 0;
    width:150px;
    height:76px; /* avec padding-top : 20px = 96px */
    padding-top: 20px;
    text-align:center;
    display:block;
}

.partie-deux .nom a
{
    color:#464646;
    font-weight:bold;
    width:150px;
    text-align:center;
    display:block;
}

.partie-deux td .nom a:hover
{
    text-decoration:underline;
}

/* pagination */

.basdepage
{
    margin-top:40px;
    padding-bottom:20px;
}

.basdepage .ancre
{
    float:right;
    padding-right:22px;
    width:129px;
}

.basdepage .ancre a
{
    color:#646464;
    text-decoration: underline;
}

.pagination
{
    float:left;/* attention : specifique a la page template detail */
    width:240px;/* attention : specifique a la page template detail */
    height:20px;
    padding-left:284px;
}

/* < modifé le 23/03/2010 > */
.pagination span, .pagination span a
{
    color: #646464;
    font-size: 12px;
    /*font-weight: bold;*/
}
/* </ modifé le 23/03/2010 > */

.pagination span.img a
{
    padding-left:8px;
    padding-right:8px;
}

/* < modifé le 23/03/2010 > */
.pagination span.actif
{
    font-weight: bold;
    color: purple;
    font-size: 14px;
}
/* </ modifé le 23/03/2010 > */

/* Bloc Partager sur */

.detail .content .marges .partager {
	width: 661px;
	height:20px;
	background-color:#FFFFFF;
	border-top:1px #dedede solid;
	padding-top:7px;
	padding-left:15px;
}

.detail .content .marges .partager .texte {
	width:85px;
	text-align:center;
	color:#7e7c7c;
	font-size:11px;
	border-top:1px #bfbfbf solid;
	border-bottom:1px #bfbfbf solid;
	margin-right:12px;
	padding-top:1px;
	padding-bottom:1px;
	float:left;
}

.detail .content .marges .partager .texte strong {
	font-size:11px;
}

.detail .content .marges .partager .facebook, .detail .content .marges .partager .twitter {
	float:left;
	margin-top:0px;
	margin-right:10px;
}

.detail .content .marges .partager .facebook a, .detail .content .marges .partager .twitter a {
	position: relative;
	z-index: 1;
	cursor:pointer;
}