/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure accueil
// SOMMAIRE :
// Général
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
html, body{height: 100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0; padding:0;
	border:0; outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body{background:#fffdfa url(../images/background/back-body-accueil.png) repeat-x 0 0; line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* les balise <table> ont besoin d'un 'cellspacing="0"' */
table{border-collapse:collapse; border-spacing:0;}
/* Pour stopper les flux */
div.stpFlt{ /* A utiliser : <div class="stpFlt SF5"><hr /></div> avec la classe SF correspondant à la hauteur */
	clear:both;
	height:2px;
}
div.stpFlt hr{display: none;}
div.stpFlt.SF5{height:5px;}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure */
div#divSite{
	position:relative;
	width:1000px; height:750px;
	margin:0 auto 0 auto;
	background:url(../images/background/back-accueil.png) no-repeat 0 0;
}
div#btRecevezOffres{
	position:absolute;
	top:34px; left:620px;
}
/* Image de fond */
div#divImgFond{
	position:absolute; top:89px; left:21px; z-index:1;
	width:786px; height:422px;	
}
div#divImgFond img{position:absolute; top:0; left:0;}
/* Logo */
/* TEMPORAIRE */
div#divLogo{
	position:absolute; top:-20px; left:252px; z-index:2;
	width:285px; height:194px;
}
/* DIV LOGO OK
div#divLogo{
	position:absolute; top:0; left:342px; z-index:2;
	width:285px; height:194px;
} */

/* Actualités / Promotions */
/* Actualités */
div#divActProm{
	position:absolute; top:12px; left:33px; z-index:3;
	width:271px;
}
div#divActProm div#divActualites{
	width:271px;
	background:url(../images/background/back-actualite-accueil.png) no-repeat 0 0;
	padding:0 0 5px 0;
}
div#divActualites span{display:none;}
div#divActualites img#imgActu{float:left; margin:30px 5px 0 11px;}
div#divActualites p{
	font:normal 11px Arial, Helvetica, sans-serif; color:#272727; line-height:11px;
	padding:30px 10px 0 10px;
}
div#divActualites p strong{font-style:italic;}
div#divActualites div#divAutresActu{
	width:125px; height:25px;
	margin:5px auto 0 auto;
}
/* Promotions */
div#divActProm div#divListePromos{
	width:193px;
	background:url(../images/background/back-liste-promos.png) repeat-y 0 0;
	padding:0px 0 0 0;
}
div#divListePromos div.divUnePromo{
	position:relative;
	height:68px;
}
div.divUnePromo img.imgPromo{float:left; margin:0 10px 0 10px;}
div.divUnePromo p{
	font:normal 11px Arial, Helvetica, sans-serif; color:#272727; line-height:12px;
	padding:0 10px 0 10px;
}
div.divUnePromo p strong{color:#000;}
div.divUnePromo p span{color:#99032f; font-size:12px; font-weight:bold;}
div.divUnePromo div.btnVoirOffre{position:absolute; bottom:0; right:10px;}
div#divActProm div#divBasListePromos{
	width:271px; height:5px;
	background:url(../images/background/back-bas-liste-promos.png) no-repeat 0 0;
}
div#divActProm div#divBasClub{
	width:193px; height:5px;
	background:url(../images/interface/club2.png) no-repeat 0 0;
}
/* 4 blocs menu */
div#div4BlocsMenu{
	position:absolute; bottom:247px; left:0; z-index:4;
	width:1000px;
}
div#divDevant4Blocs{
	position:absolute; top:503px; left:0; z-index:5;
	width:1000px; height:191px;
	background:url(../images/accueil/devant-4-blocs.png) no-repeat 0 0;
}
div#div4BlocsMenu div#divBloc1, div#div4BlocsMenu div#divBloc2, div#div4BlocsMenu div#divBloc3, div#div4BlocsMenu div#divBloc4{
	position:absolute; bottom:0; left:0;
	width:250px;
}
div#div4BlocsMenu div#divBloc2{left:250px;}
div#div4BlocsMenu div#divBloc3{left:500px;}
div#div4BlocsMenu div#divBloc4{left:750px;}
div#divBloc1 div.toggler, div#divBloc2 div.toggler, div#divBloc3 div.toggler, div#divBloc4 div.toggler{
	width:149px; height:58px;
	cursor:pointer;
}
div#divBloc1 div.toggler{margin:0 0 0 79px;}
div#divBloc2 div.toggler{margin:0 0 0 57px;}
div#divBloc3 div.toggler{margin:0 0 0 61px;}
div#divBloc4 div.toggler{margin:0 0 0 59px;}

div#divBloc1 div.content{
	width:149px;
	margin:0 0 0 79px;
	background:url(../images/accueil/sous-bloc-1.png) repeat-y 0 0;
}
div#divBloc2 div.content{
	width:149px;
	margin:0 0 0 57px;
	background:url(../images/accueil/sous-bloc-2.png) repeat-y 0 0;
}
div#divBloc3 div.content{
	width:149px;
	margin:0 0 0 61px;
	background:url(../images/accueil/sous-bloc-3.png) repeat-y 0 0;
}
div#divBloc4 div.content{
	width:149px;
	margin:0 0 0 59px;
	background:url(../images/accueil/sous-bloc-4.png) repeat-y 0 0;
}
div#divBloc1 div.content ul, div#divBloc2 div.content ul, div#divBloc3 div.content ul, div#divBloc4 div.content ul{
	width:125px;
	list-style:disc; list-style-position:inside;
	margin:0 0 0 12px; padding:0 0 5px 0;
	font-size:10px; color:#fff;
}
div#divBloc1 div.content ul li, div#divBloc2 div.content ul li, div#divBloc3 div.content ul li, div#divBloc4 div.content ul li{padding:2px}

div.content a:link, div.content a:visited{font:normal 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}

div#divBloc1 div.content ul li:hover, div#divBloc1 div.content ul li:active{ background:#474448;}
div#divBloc2 div.content ul li:hover, div#divBloc2 div.content ul li:active{ background:#64a1a5;}
div#divBloc3 div.content ul li:hover, div#divBloc3 div.content ul li:active{ background:#006ccb;}
div#divBloc4 div.content ul li:hover, div#divBloc4 div.content ul li:active{ background:#c2053b;}
/* Encart kiosque */
div#divKiosque{
	position:absolute; top:0; right:0;
	width:280px; height:545px;
	background:url(../images/background/back-kiosque-accueil.png) no-repeat 0 0;
}
div#divKiosque ul{
	width:113px;
	margin:240px 0 0 150px;
}
div#divKiosque ul li.m1{padding:0 0 13px 17px;}
div#divKiosque ul li.m2{padding:15px 0 20px 17px;}
div#divKiosque ul li.m3{padding:8px 0 70px 17px;}
div#divKiosque ul li a:link, div#divKiosque ul li a:visited{font:normal 14px Arial, Helvetica, sans-serif; color:#505050; text-decoration:none;}
div#divKiosque ul li a:hover, div#divKiosque ul li a:active{color:#E7501E;}
div#divKiosque ul li.m4 a:link{font:normal 14px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
div#divKiosque ul li.m4 a:hover, div#divKiosque ul li.m4 a:active{color:#9B0F10;}
/* Menu Bas */
div#divFooter{
	position:absolute; top:665px; z-index:6;
	width:1000px;
}
div#divFooter div#menuBas{
	position:absolute; top:10px; left:50%;
	width:935px;
	margin-left:-467px;
}
div#lienHistorique a, div#lienNosAgences a, div#lienContact a, div#lienCharteQ a, div#lienCGV a, div#lienInfosPaysAcc a, div#lienInfosLegales a, div#lienAssurances a{float:left;	display:block; height:28px; margin:6px 3px 0 0;}
div#lienHistorique a{width:106px;}
div#lienNosAgences a, div#lienContact a, div#lienInfosLegales a, div#lienAssurances a{width:96px;}
div#lienCharteQ a{width:129px;}
div#lienCGV a, div#lienInfosPaysAcc a{width:146px;}

div#lienHistorique a{background:url(../images/menu/historique.png) no-repeat 0 0;}
div#lienNosAgences a{background:url(../images/menu/notre-equipe.png) no-repeat 0 0;}
div#lienContact a{background:url(../images/menu/contact.png) no-repeat 0 0;}
div#lienCharteQ a{background:url(../images/menu/charte-qualite.png) no-repeat 0 0;}
div#lienCGV a{background:url(../images/menu/cgv.png) no-repeat 0 0;}
div#lienInfosPaysAcc a{background:url(../images/menu/informations-pays-accueil.png) no-repeat 0 0;}
div#lienInfosLegales a{background:url(../images/menu/infos-legales.png) no-repeat 0 0;}
div#lienAssurances a{background:url(../images/menu/assurances.png) no-repeat 0 0;}

div#lienHistorique a:hover{background-position: -106px 0;}
div#lienNosAgences a:hover, div#lienContact a:hover, div#lienInfosLegales a:hover, div#lienAssurances a:hover{background-position: -96px 0;}
div#lienCharteQ a:hover{background-position: -129px 0;}
div#lienCGV a:hover, div#lienInfosPaysAcc a:hover{background-position: -146px 0;}