/*
 * RESET
 */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

ul, ol {
	list-style-type:none;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  background-color: #fff;
  line-height:14px;
}

/*RESET*/

/*
 * LAYOUT PRINCIPAL
 */
#wrapper {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.homepage {
	background: url('../images/sprite.png') no-repeat right -200px;
}

#left,
#right {
	background-color:#c0b199;
}


#left {
	float:left;
	width:204px;
	/*border-right:1px solid #fff;*/
}

#main {
	float:left;
	width:558px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

#right {
	float:right;
	width:196px;
	/*border-left:1px solid #fff;*/
}

.homepage #right,
.homepage #left {
	position:relative;
}


.homepage #right {
	background:transparent url('../images/background-right-transparent.png') repeat 0 0;
}

#left,
#main,
#right {
	min-height:680px;
	height:auto;
}

.page #main {
	background:#fff url('../images/sprite.png') no-repeat -442px -1336px;
}


/*
 COLORS
 */
body,
#nav a,
#nav a:link,
#nav a:visited {
	color:#524e4d;;
}

#nav a:hover,
#nav a:focus {
	text-decoration:none;
}

h1,
#nav a:hover,
#nav a:focus,
#content-homepage h3,
#content-homepage h3 a,
#footer-right a,
#footer-right a:visited,
#footer-left li,
#nav a.active,
.content .encart-text-image p a:hover,
.content .encart-text-image p a:focus,
#content-homepage p a:hover,
#content-homepage p a:focus {
	color:#f11577;
}

#nav h2,
#temoignages h2,
#footer-left a,
#actu p {
	color:#fff;
}
/*
 * HEADINGS
 */

h1 {
	font:italic bold 1.07em/1em Times,Arial,sans-serif;
	padding:15px 0 10px 13px;
}

#nav h2,
#temoignages h2 {
	font-size:1.23em;/*16px*/
	text-transform:uppercase;
	font-weight:normal;
}

#temoignages h2 {
	margin-bottom:5px;
}

#actu h2 {
	margin-bottom:7px;
}

#content-homepage h2 {
	font-size:1.38em;/*18px*/
	font-weight:normal;
	padding: 20px 0 0 0;
}

#content-homepage h3 {
	padding:5px 0 10px;
}

#content-homepage h3 a {
	font: italic bold 20px/0.9em Times,Arial,sans-serif ;
}
/*HEADINGS*/

/*
 * Colonne left
 */
h1 a,
h1 img {
	display:block;
	width:142px;
	height:147px;
}

h1 a {
	margin:0 0 5px 13px;
}

#nav h2 {
	padding:15px 0 10px 25px;
}

#nav h2,
#nav ul {
	padding-left:15px;
}

h1,
#nav ul {
	border-bottom:1px solid #fff;
}

#nav ul {
	padding-bottom:10px;
}

#nav li {
	background: url('../images/pictos.png') no-repeat 0 3px;
	padding:0 0 5px 10px;
}


/*
 * Footers
 */
#footer-left {
	background: url('../images/sprite.png') no-repeat 0 0;
	padding:155px 0 0 25px;
}

#footer-left li,
#footer-right {
	font-size:0.76em;
}

#footer-left li {
	display:inline;
	font-weight:bold;
}

#footer-left a {
	margin:0 7px;
}

#footer-left ul,
#footer-right {
	position:absolute;
	bottom:14px;
}

#footer-right {
	text-align:center;
	padding: 0 0 0 45px;
	font-weight:bold;
}


/*
 * Blocs RIGHT
 */
 
#iframe-jobs {
	background-color:#d8d2c9;
	margin:25px 0 0 0;
	overflow:hidden;
}

#temoignages {
	margin-top:90px;
	padding-left:15px;
}

.page #temoignages {
	margin-top:15px;
}

#temoignages a,
#temoignages p img {
	display:block;
}

#temoignages a {
	width:98px;
	height:19px;
}

#temoignages p a,
#temoignages p img {
	width:165px;
	height:103px;
} 

#temoignages p a {
	border:1px solid #fff;
}

#actu {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:10px 15px;
	background-color:#c0b199;
	margin:20px 0 0 0;
}

#actu >div:hover {
	cursor:pointer;
}

#actu > div {
	height:80px;
	overflow:auto;
}

#actu.js > div {
	overflow:hidden;
}

#actu.js,
#actu.js p {
	overflow:hidden;
}


#actu p {
	font-weight:bold;
	line-height:15px;
	/*height:60px;*/
}

/*
 * Content Homepage
 */
#wrapper-content-hp {
	position:relative;
	min-height:680px; /*temporaire*/
}


#content-homepage {
	position:absolute;
	width:354px;
	position:absolute;
	top:395px;
	left:15px;
	background-color:#d8d2c9;
	overflow:hidden;
	width:27.35em;
	padding:0 0 0 15px;
	height:179px;
	overflow:hidden;
}

#content-homepage a:hover,
#content-homepage a:focus {
	text-decoration:none;
}

#content-homepage > img {
	float:right;
	border:1px solid #fff;
	margin-left:5px;
	width:180px;
	height:177px;
}

#content-homepage p a {
	font-size:0.84em;/*11px*/
	font-weight:bold;
	color:#524e4d;
}

#content-homepage p {
	overflow:hidden;
	height:75px;
}


/*
 PAGES INTERIEURS 
 */
 
.content {
	padding:179px 15px 30px 16px;
	line-height:16px;
}

#wrapper.page {
	background: url('../images/background-wrapper.gif') repeat-y 0 0;
}


/*Titre pages*/

.content h2:first-child {
	background: url('../images/sprite-titres.gif') no-repeat 0 4px;
	text-indent:-999em;
}

.metiers_magasins h2:first-child {
	background-position:0 -30px;
}

.chercher_offre h2:first-child {
	background-position:0 -60px;
	display:none;
}

.temoignages_collaborateurs h2:first-child {
	background-position:0 -94px;
}

.journee_avec h2:first-child {
	background-position:0 -129px;
}

.parcours_formation h2:first-child {
	background-position:0 -160px;
}

.etudiants_chez_nous h2:first-child {
	background-position:0 -194px;
}

.processus_recrutement h2:first-child {
	background-position:0 -224px;
}

.attache_siege h2:first-child {
	background-position:0 -258px;
}

.contact h2:first-child {
	background-position:0 -324px;
}

.mentions_legales h2:first-child {
	background-position:0 -292px;
}

/*page une journee avec*/
.journee_avec img {
	width:148px;
	height:130px;
}

/*page temoignage*/
.journee_avec p {
	overflow:hidden;
}

/*iframe page offres*/
#iframe-offre {
	border:none;
}

/*
 * SLIDER
 */

.wrapper-slider {
	position:relative;
	padding: 40px 0 0;
	margin:10px 0 0;
}

.content-slider ul li {
	padding:0px;
	width:527px;
	height:435px;
}


#prevBtn,
#nextBtn {
	position:absolute;
	top:0;
}

#prevBtn a,
#nextBtn a {
	display:block;
	width:28px;
	height:28px;
	text-indent:-999em;
	overflow:hidden;
}


#nextBtn {
	right:0;
	
}

#prevBtn a {
	background: url('../images/bouton-fleche-gauche.png') no-repeat -5px 0;
	left:0;
}

#nextBtn a {
	background: url('../images/bouton-fleche-droite.png') no-repeat 5px 0;
}