/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient tous les CSS
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// Structure
// - Site
// - Bandeau
// - Menu haut
// - Contenus
// - Menu bas
// Divers contact et newsletter
// - Bouton invisible
// - Formulaires contact et newsletter
// - Pop up code postal
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
html, body{
	height:100%;
	background:#FFFFFF;
}
img, table{
	border:0;
}
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0; padding:0;
}
div.divSeparateurInvisible{ /* A utiliser : <div class="divSeparateurInvisible" style="height:20px;"><hr /></div> avec la hauteur souhaitée */
	height:2px;
	clear:both;
}
div.divSeparateurInvisible hr{
  display: none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
/* Site */
table#tableConteneurSite{
	width:100%;
	border:0;
}
td#tdConteneurSiteCellG{
	background:url(../images/background/back-cote-G-site.jpg) no-repeat top right;
}
td#tdConteneurSiteCellM{
	width:708px;
	background:url(../images/background/back-M-site.jpg) no-repeat 0 0;
	height:1025px;
}
td#tdConteneurSiteCellD{
	background:url(../images/background/back-cote-D-site.jpg) no-repeat 0 0;
}
/* Bandeau */
div#divConteneurBandeauH{
	position:relative;
	width:708px; height:123px;
	background:#157cbb url(../images/background/bazar-deco-loisirs-cadeaux.jpg) no-repeat top right;
}
div#divConteneurBandeauH div#logoCentrakor{
	cursor:pointer;
	width:287px; height:123px;
	background:url(../images/background/logo-centrakor.jpg) no-repeat 0 0;
}
div#divConteneurBandeauH p{
	display:none;
}
div#divConteneurBandeauH div#langFR{
	position:absolute; bottom:5px; right:55px;
}
div#divConteneurBandeauH div#langEN{
	position:absolute; bottom:5px; right:30px;
}
div#divConteneurBandeauH div#langES{
	position:absolute; bottom:5px; right:5px;
}
div#divConteneurMenuH{
	height:25px;
	background:#fabe16 url(../images/background/back-menu-H.gif) no-repeat 0 0;
}
/* Menu haut */
div#lienCatalogue a, div#lienCatalogueOver a {
   display:block; float:left; margin-left:20px;
   width:67px; height:25px;
   background:url(../images/menu/menu-catalogue-fr.gif) 0 0 no-repeat;
}
div#lienCatalogue a:hover, div#lienCatalogueOver a {	
   background-position:-67px 0;
}
div#lienPromosMoment a, div#lienPromosMomentOver a {
   display:block; float:left; margin-left:20px;
   width:127px; height:25px;
   background:url(../images/menu/menu-promos-du-moment-fr.gif) 0 0 no-repeat;
}
div#lienPromosMoment a:hover, div#lienPromosMomentOver a {	
   background-position:-127px 0;
}
div#lienMagasin a, div#lienMagasinOver a {
   display:block; float:left; margin-left:20px;
   width:93px; height:25px;
   background:url(../images/menu/menu-votre-magasin-fr.gif) 0 0 no-repeat;
}
div#lienMagasin a:hover, div#lienMagasinOver a {	
   background-position:-93px 0;
}
div#lienUnivers a, div#lienUniversOver a {
   display:block; float:left; margin-left:20px;
   width:68px; height:25px;
   background:url(../images/menu/menu-les-univers-fr.gif) 0 0 no-repeat;
}
div#lienUnivers a:hover, div#lienUniversOver a {	
   background-position:-68px 0;
}
div#lienCentrakor a, div#lienCentrakorOver a {
   display:block; float:left; margin-left:20px;
   width:122px; height:25px;
   background:url(../images/menu/menu-qui-est-centrakor-fr.gif) 0 0 no-repeat;
}
div#lienCentrakor a:hover, div#lienCentrakorOver a {	
   background-position:-122px 0;
}
div#lienNewsletter a, div#lienNewsletterOver a {
   display:block; float:left; margin-left:20px;
   width:88px; height:25px;
   background:url(../images/menu/menu-la-newsletter-fr.gif) 0 0 no-repeat;
}
div#lienNewsletter a:hover, div#lienNewsletterOver a {	
   background-position:-88px 0;
}
/* Contenus */
div#divConteneurContenu{
	position:relative;
	width:708px;
	background:#fff;
}
div#divEncartBleu, div#divEncartRose, div#divEncartOrange, div#divEncartBleuQSN, div#divEncartBleuUnivers{
	position:relative;
	width:680px;
	margin-left:14px; padding-top:14px; padding-bottom:14px;
	z-index:2;
}
div#divEncartBleuQSN{
	padding-top:35px;
}
div#fondQSN{
	position:absolute;
	width:114px; height:164px;
	top:14px; left:0;
	background:url(../images/background/back-qsn-fond-haut.png) no-repeat 0 0;
}
div#basQSN{
	position:absolute;
	width:14px; height:103px;
	top:301px; left:694px;
	background:url(../images/background/back-qsn-fond-bas.png) no-repeat 0 0;
}
div#divEncartBleu div#entete, div#divEncartRose div#entete, div#divEncartOrange div#entete, div#divEncartBleuQSN div#entete, div#divEncartBleuUnivers div#entete{
	width:680px; height:45px;
	background:url(../images/background/back-entete-bleu.gif) no-repeat 0 0;
}
div#divEncartBleu div#entete, div#divEncartBleuQSN div#entete{
	background:url(../images/background/back-entete-bleu.gif) no-repeat 0 0;
}
div#divEncartBleuUnivers div#entete{
	background:url(../images/background/back-entete-bleu-univers.gif) no-repeat 0 0;
}
div#divEncartBleuQSN div#entete{
	background:url(../images/background/back-entete-bleu-qsn.gif) no-repeat 0 0;
}
div#divEncartRose div#entete{
	background:url(../images/background/back-entete-rose.gif) no-repeat 0 0;
}
div#divEncartOrange div#entete{
	background:url(../images/background/back-entete-orange.gif) no-repeat 0 0;
}
div#divEncartBleu div#entete h1, div#divEncartRose div#entete h1, div#divEncartOrange div#entete h1, div#divEncartBleuQSN div#entete h1, div#divEncartBleuUnivers div#entete h1{
	font:bold 18px Arial, Helvetica, sans-serif; color:#fff;
	padding:8px 60px 0 10px;
}
div#divEncartBleu h1 strong{
	font-size:20px;
}
div#divEncartBleu h1 span{
	font-size:14px; font-style:italic;
}
div#divEncartBleu div#contenu, div#divEncartRose div#contenu, div#divEncartOrange div#contenu, div#divEncartBleuQSN div#contenu, div#divEncartBleuUnivers div#contenu{
	position:relative;
	width:680px;
	background:url(../images/background/back-contenu-bleu.gif) repeat-y 0 0;
}
div#divEncartBleu div#contenu, div#divEncartBleuQSN div#contenu{
	background:url(../images/background/back-contenu-bleu.gif) repeat-y 0 0;
}
div#divEncartRose div#contenu{
	background:url(../images/background/back-contenu-rose.gif) repeat-y 0 0;
}
div#divEncartOrange div#contenu{
	background:url(../images/background/back-contenu-orange.gif) repeat-y 0 0;
}
div#divEncartBleu div#bas, div#divEncartRose div#bas, div#divEncartOrange div#bas, div#divEncartBleuQSN div#bas, div#divEncartBleuUnivers div#bas{
	width:680px; height:20px;
	background:url(../images/background/back-bas-bleu.gif) no-repeat 0 0;
}
div#divEncartBleu div#bas, div#divEncartBleuQSN div#bas, div#divEncartBleuUnivers div#bas{
	background:url(../images/background/back-bas-bleu.gif) no-repeat 0 0;
}
div#divEncartRose div#bas{
	background:url(../images/background/back-bas-rose.gif) no-repeat 0 0;
}
div#divEncartOrange div#bas{
	background:url(../images/background/back-bas-orange.gif) no-repeat 0 0;
}
/**/
div#divPageMentionsLegales h2{
	font:bold 14px Arial, Helvetica, sans-serif; color:#157cbb;
	padding:10px;
}
div#divPageMentionsLegales p{
	font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:justify;
	padding:10px;
}
div#divPageMentionsLegales a:link, div#divPageMentionsLegales a:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#157cbb; text-decoration:underline;
}
div#divPageMentionsLegales a:hover, div#divPageMentionsLegales a:active{
	font:bold 12px Arial, Helvetica, sans-serif; color:#157cbb; text-decoration:none;
}
/* Menu bas */
div#divConteneurMenuB ul{
	width:100%;
	padding:0 0 20px 0; margin:10px 0 0 0;
	text-align:center;
}
div#divConteneurMenuB ul li{
	display:inline;
}
div#divConteneurMenuB ul li a{
	padding:0 6px 0 6px;
	border-right:1px solid #fabe16;
	font:bold 10px Arial,Helvetica,sans-serif; color:#157cbb; text-decoration:none;
}
div#divConteneurMenuB ul li a.Fin{
	border:0;
}
div#divConteneurMenuB ul li a:hover{
	text-decoration:underline;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Divers contact et newsletter
///////////////////////////////////////////////////////////////////////////////////*/
/* Bouton invisible */
input.inputInvisible{
	width:1px;
	height:1px;
	border:0px;
	background:none;
}
/* Formulaires contact et newsletter */
div#contenuFormulaire{
	font:normal 12px Arial, Helvetica, sans-serif; color:#157cbb;
	margin:0 10px 0 10px;
}
div#contenuFormulaire h2{
	color:#157CBB;
}
div#contenuFormulaire strong{
	font:bold 13px Arial, Helvetica, sans-serif; color:#157cbb;
}
div#contenuFormulaire input.inputContact, div#contenuFormulaire textarea{
	border:1px solid #157cbb;
	font:normal 12px Arial, Helvetica, sans-serif;color:#157cbb;
	background-color:#e5f2f8;
	width:200px;
}
div#contenuFormulaire table#tableInscription td{
	text-align:left;
}
div#contenuFormulaire table#tableInscription td.tdCentre{
	text-align:center;
}

/* Pop up code postal */
div.conteneurPopUp{
	width:230px; height:130px;
	padding:10px;
	background-color:#147CBB;
	font:bold 14px Arial, Helvetica, sans-serif; color:#FBBB00;
}
p.infoPop{
	padding:5px 0 0 0;
	margin:0;
	text-align:justify;
	font:normal 12px Arial, Helvetica, sans-serif; color:#FBBB00;
}
p.infoPop strong{
	font:bold 14px Arial, Helvetica, sans-serif; color:#FBBB00;
}
.inputPopup{
	margin:5px 0 0 0;
	border:1px solid #FBBB00;
	height:25px; width:150px;
	font:bold 18px Arial, Helvetica, sans-serif; color:#FBBB00;
}
div.btnOkPopup a {
  position:absolute;
	display:block;
	top:45px; right:60px;
	width:29px; height:29px;
  background:url(../images/menu/btn-ok.png) 0 0 no-repeat;
}
div.btnOkPopup a:hover {	
   background-position:-29px 0;
}
div.btnMagasins a {
	display:block;
	margin:5px 0 0 0;
	width:142px; height:25px;
  background:url(../images/menu/btn-tous-les-magasins.png) 0 0 no-repeat;
}
div.btnMagasins a:hover {	
   background-position:-142px 0;
}