/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : index du site
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Page accueil
// - Actu catalogue
// - Actu catalogues en cours
// - Actu promo
// - Recherche magasin
// - Actu Info Accueil
// - Recrutement
// - Plan du site
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Page accueil
///////////////////////////////////////////////////////////////////////////////////*/
/* Actu catalogue */
div#divActuCatalogue{
	position:relative;	float:left;
	width:269px; height:352px;
	background:url(../images/background/back-actu-catalogue.gif) no-repeat 0 0;
}
div#divActuCatalogue div#info{
	position:absolute; z-index:2;
	/*border:1px solid #33FF00;*/
}
div#info p#titre{
	width:182px;
	padding:47px 0 0 78px;
	font:bold 15px Arial, Helvetica, sans-serif; color:#ee7f00; text-align:center;
	/*border:1px solid #FF00FF;*/
}
div#info p#texte{
	width:110px;
	padding:30px 0 0 25px;
	font:bold 14px Arial, Helvetica, sans-serif; color:#000; text-align:right;
	/*border:1px solid #FF9933;*/
}
div#info p#avantPremiere{
	width:235px;
	padding:50px 0 10px 25px;
	font:italic bold 12px Arial, Helvetica, sans-serif; color:#E2007A; text-align:left;
	/*border:1px solid #FF0000;*/
	background:url(../images/background/back-avant-premiere.png) no-repeat bottom right;
}
div#info input#nl_cp, div#info input#nl_email{
	width:80px; position:absolute; top:315px;
	font:normal 9px Arial, Helvetica, sans-serif; color:#fff;
	background:none;
	border:1px solid #fff;
}
div#info input.departement{
	left:28px;
}
div#info input.email{
	left:115px;
}
div#divActuCatalogue div#imageCatalogue{
	position:absolute; z-index:1; top:73px; left:92px;
	width:175px; height:205px;
	background:url(../images/catalogue-accueil.gif) no-repeat 0 0;
}
div#divActuPromo{
	float:left;
	width:439px; height:352px;
}
div#divActuCatalogue div#clicImageCatalogue{
	position:absolute; z-index:3; top:73px; left:92px;
	width:175px; height:205px;
	cursor:pointer;
}
/* Actu catalogues en cours */
div#divActuCatalogueEnCours{
	position:relative;
	width:648px; height:372px;
	padding:0 0 0 50px;
	background:url(../images/background/back-actu-catalogue-2.gif) no-repeat 0 0;
}
div#divActuCatalogueEnCours p#texte{
	padding:30px 0 0 0;
	font:bold 15px Arial, Helvetica, sans-serif; color:#ee7f00; text-align:center;
}
div#divActuCatalogueEnCours div.info{
	position:relative;
	float:left;	
	height:240px; width:175px; 
	margin:10px 0 0 20px;
}
div#divActuCatalogueEnCours div.pos2{
	margin:10px 0 0 110px;
}
div#divActuCatalogueEnCours div.pos3{
	margin:10px 0 0 200px;
}
div#divActuCatalogueEnCours div.info p.titre{
	width:182px; 
	padding:0 0 0 0;
	text-align:center;
	font:bold 15px Arial, Helvetica, sans-serif; color:#ee7f00; text-align:center;
	/*border:1px solid #FF00FF;*/
}
div#divActuCatalogueEnCours div.info img{
	position:absolute;
	bottom:0;
}

input#nl_cp, input#nl_email{
	width:80px; position:absolute; top:335px;
	font:normal 9px Arial, Helvetica, sans-serif; color:#fff;
	background:none;
	border:1px solid #fff;
}
input.departement{
	left:28px;
}
input.email{
	left:115px;
}
div#lienOkForm a, div#lienOkForm2 a{
	display:block; position:absolute; top:315px; left:200px;
	width:14px; height:14px;
	background:url(../images/menu/ok3.gif) no-repeat 0 0;
}
div#lienOkForm2 a{
	 top:335px; 
}
div#lienOkForm a:hover, div#lienOkForm2 a:hover{	
	background-position: -14px 0;
}
/* Actu promo */
/* Recherche magasin */
div#divConteneurRechercheMagasin{
	clear:left;
	position:relative;
	width:708px; height:223px;
	background:url(../images/background/back-recherche-magasin-accueil.gif) no-repeat 0 0;
}
div#divConteneurRechercheMagasin div#flash{
	position:absolute; left:30px; top:10px;
}
div#divConteneurRechercheMagasin div#texte{
	position:absolute; left:175px; top:20px;
}
div#divConteneurRechercheMagasin div#texte p{
	width:290px;
	font:bold 14px Arial, Helvetica, sans-serif; color:#157cbb; text-align:right;
}
div#divConteneurRechercheMagasin div#texte p strong{
	font:bold 20px Arial, Helvetica, sans-serif; color:#157cbb;
}
div#divConteneurRechercheMagasin div#texte p a{
	font:bold 11px Arial, Helvetica, sans-serif; color:#157cbb;
}
div#divConteneurRechercheMagasin div#texte p a:hover{
	text-decoration:none;
}
div#divConteneurRechercheMagasin div#texte2{
	position:absolute; left:510px; top:20px;
}
div#divConteneurRechercheMagasin div#texte2 p{
	width:180px;
	font:normal 13px Arial, Helvetica, sans-serif; color:#fff; text-align:center;
}
div#divConteneurRechercheMagasin div#champ1 input, div#divConteneurRechercheMagasin div#champ2 input{
	width:150px; height:14px !important; height:14px;
	font:normal 11px Arial, Helvetica, sans-serif; color:#157cbb;
	border:1px solid #157cbb;
	background:#e5f2f8;
}
div#divConteneurRechercheMagasin div#ou{
	position:absolute;
	top:190px;
	left:240px;
	font:bold 14px Arial, Helvetica, sans-serif; color:#FABE16;
}
div#divConteneurRechercheMagasin div#champ1 input{
	position:absolute; left:50px; top:190px;
	width:130px;
}
div#divConteneurRechercheMagasin div#champ1 p{
	position:absolute; left:50px; top:175px;
	font:normal 11px Arial, Helvetica, sans-serif; color:#157cbb;	
}
div#divConteneurRechercheMagasin div#champ2 input{
	position:absolute; left:295px; top:190px;
}
div#divConteneurRechercheMagasin div#champ2 p{
	position:absolute; left:295px; top:175px;
	font:normal 11px Arial, Helvetica, sans-serif; color:#157cbb;	
}
div#divConteneurRechercheMagasin div#champ3 select, div#divConteneurRechercheMagasin div#champ4 input{
	font:normal 11px Arial, Helvetica, sans-serif; color:#fff;
	border:1px solid #fff;
	background:#157cbb;
}
div#divConteneurRechercheMagasin div#champ3 select{
	width:129px; height:17px !important; height:19px;
}
div#divConteneurRechercheMagasin div#champ3 select{
	position:absolute; left:538px; top:142px;
}
div#divConteneurRechercheMagasin div#champ3 p{
  position:absolute; left: 538px; top:127px;
	font: normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF;
}
div#divConteneurRechercheMagasin div#champ4 input{
	width:110px; height:14px !important; height:14px;
}
div#divConteneurRechercheMagasin div#champ4 input{
	position:absolute; left:538px; top:180px;
}
div#divConteneurRechercheMagasin div#champ4 p{
	position:absolute; left:538px; top:165px;
	font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF;
}
div#divConteneurRechercheMagasin div#lienOk a{
	display:block;
	width:16px; height:16px;
	background:url(../images/menu/ok.gif) no-repeat 0 0;
}
div#divConteneurRechercheMagasin div#lienOk a:hover{	
	background-position: -16px 0;
}
div#divConteneurRechercheMagasin div#lienGps a{
	display:block;
	width:274px; height:20px;
	margin-left:16px;
	background:url(../images/menu/retrouvez-votre-magasin-sur-gps-tomtom.gif) no-repeat 0 0;
}
div#divConteneurRechercheMagasin div#lienGps a:hover{
 background-position: -274px 0;
}
div#divConteneurRechercheMagasin div.ok1{
	position:absolute; left:185px; top:190px;
}
div#divConteneurRechercheMagasin div.ok2{
	position:absolute; left:450px; top:190px;
}
div#divConteneurRechercheMagasin div.ok3{
	position:absolute; left:652px; top:180px;
}
/* Actu Info Accueil */
table#tableActuInfo{
	width:685px;
}
td#tdCellActuInfo1{
	width:52px; height:59px;
	background:url(../images/background/td-actu-info.jpg) no-repeat;
}
td#tdCellActuInfo2{
	width:621px;
	background:url(../images/background/td-repeat-actu-info.gif) repeat-x;
}
td#tdCellActuInfo2 p{
	font:bold 13px Arial, Helvetica, sans-serif; color:#91c243;
}
td#tdCellActuInfo3{
	width:12px;
	background:url(../images/background/td-droite-actu-info.gif)
}
.defilant{
	width:620px; height:21px;
	margin-top:21px;
	/* don't change */
    position: absolute;
	overflow: hidden;
	white-space: nowrap;
}
.defilant-text{
	/* don't change */
	position: absolute;
}
/* Recrutement */
div#contenuRecrutement{
	font:normal 12px Arial, Helvetica, sans-serif; color:#157cbb;
	margin:0 10px 0 10px;
}
div#contenuRecrutement div.divBlocOffre{
	padding-bottom:20px;
}
div#contenuRecrutement div.divBlocOffre a{
	font:bold 12px Arial, Helvetica, sans-serif; color:#157cbb; text-transform:uppercase; text-decoration:underline;
}
div#contenuRecrutement div.divBlocOffre a:hover{
	font:bold 12px Arial, Helvetica, sans-serif; color:#FABE16; text-transform:uppercase;
}
div#contenuRecrutement div.divBlocOffre h2{
	font:bold 14px Arial, Helvetica, sans-serif; color:#157cbb;
}
div#contenuRecrutement div.divBlocOffre h2 strong{
	font:bold 18px Arial, Helvetica, sans-serif; color:#FABE16;
}
div#contenuRecrutement div.divBlocOffre h2 img{
	position:relative;
  top:5px;
}
div#contenuRecrutement div.divBlocOffre p{
	padding-bottom:10px;
}
div#contenuRecrutement div.divBlocOffre div.divFondOffre{
	text-align:center;
	padding-right:50px;
}
/*///////////////////////////////////////////////////////////////////////////////////
// Page plan du site
///////////////////////////////////////////////////////////////////////////////////*/
div#contenu ul#ulListingPlan{
	margin-left:40px;
	list-style:none;
}
div#contenu ul#ulListingPlan li a{
	font:bold 12px Arial, Helvetica, sans-serif; color:#FABE16; text-transform:uppercase;	text-decoration:none;	
	color:#157CBB;
}
div#contenu ul#ulListingPlan li a:hover{
	text-decoration:underline;	
}
div#contenu ul#ulListingPlan li ul li a{
	font:bold 11px Arial, Helvetica, sans-serif; color:#EE7F00; text-transform:uppercase;	
}
div#contenu ul#ulListingPlan li ul li a:hover{
	text-decoration:underline;	
}
div#contenu ul#ulListingPlan li ul{
	margin-left:40px;
}