/* ############################################################### */


/* ################################## */
/*                         LARGEUR ET HAUTEUR                           */
 /*   Définir les hauteurs et largeur dans les classes ci-dessous */                        
/* ################################## */
/* LARGEUR */
.w900{width:900px;}
.w724{width:724px;}
.w700{width:700px;}
.w400{width:400px;}
.w156{width:156px;}
.w167{width:167px;}
.w170{width:170px;}
.w569{width:569px;}
.w173{width:173px;}
/* HAUTEUR */
.h18{height:18px;}
.h48{height:48px;}
.h50{height:50px;}
.h82{height:82px;}
.h166{height:166px;}
.h150{height:150px;}
.h167{height:167px;}
.h278{height:278px;}

/* BLOCK avec hauteur mini */
.minh472{min-height:472px; height:auto !important; height:472px;}
.minh64{min-height:64px; height:auto !important; height:64px;}


/* ################################## */


/* TOP */
#preTop{ border:0; }
#Top{background:#8ABE2B url(../images/fd_top.jpg) repeat-x; border-top:5px solid white;}
#toolTop{top:25px; right:11px;}
/* ################## DEBUT H1 ################## */
h1, h1 a{display:block;  position:absolute; left:30px; top:12px; width:442px; height:80px; text-indent:-9000px; z-index:1;}
h1 img{position:absolute; top:0; left:0;}
h1 a {display:block; float:left; position:absolute; left:0; top:0px;}
h1 a strong{text-indent:-9000px;}
h1 strong{text-indent:-9000px;}
/* ############### ###  FIN  H1 ################## */
#help{bottom:0; left:0; z-index:10}
#carte{top:8px; left:2px;}
#blockMeteo{top:0; left:45px; border:2px solid #84E419; background:#FFF;}
#flashmail{top:0; right:0px; border:2px solid #84E419}
#locaVilles{bottom:0; right:0;}
#topNav{}
#topTitle{ background:#000000 url(../images/fd_top.jpg) repeat-x top left;}



/* CENTRE ACCUEIL */
#cCenterHP{background:#ffffff}

#colLeftAcc{background:#DC0000; margin-right:9px}:
#colMiddleAcc{}
#colRightAcc{margin-left:9px;}

/* ----> COLONNE GAUCHE ACCUEIL */
#Actu{border:1px solid white; margin-top:12px;height:260px;}
#PromoAcc{background:url(../images/fd_promoAcc.png) no-repeat top left; margin-top:7px; margin-bottom:5px; height:213px;}
#AdrAcc{}
#3mag{margin-top:4px;}

/* ----> COLONNE CENTRALE ACCUEIL */
#home_welc{margin:2px 0 5px 0;}
#intro{width:98%; padding:7px;}
#tt_cpc{margin:4px 0 5px 0;}
#ZoneArtSelect{margin:5px 0;}
#ZoneArtSelect #A0, #ZoneArtSelect #A1, #ZoneArtSelect #A2{width:168px; min-height:317px; height:auto !important; height:317px; margin:0 5px;}
#ZoneArtSelect #A1{margin:0 20px;}
#ZoneArtSelect h4{margin:10px 0;}
#ZoneArtSelect .img{border:5px solid #F1F5CD;}
#ZoneArtSelect .m7px{margin:5px 0;}


/* -----> COLONNE DROITE ACCUEIL */
.bgcolRight{background:#F1F6CD}
#contact2{margin:3px 0;}
#contact{margin:2px 0 11px 0;}


/* CENTRE INFOCONTINU */
#cCenter{background:#ffffff}
#colLeft{background:#DC0000; width:223px;}
#colCenter{width:10px;}
#colRight{width:700px;}

#promoInt{width:222px; height:261px; background: url(../images/fd_promo.png) no-repeat;}


/* BOTTOM */
.bwMax2{display:block; position:relative; padding:0; margin:0 auto; width:946px; border-top:5px solid white;}
#cBottom{margin:0px auto 10px auto; height:162px; }
#cBottom #block1{height:104px; background:#89BC29;}
#block1 #b1{height:104px; width:282px;}
#block1 #b1 img{top:4px; left:5px;}
#block1 #b2{height:104px; width:224px;}
#block1 #b2 img{bottom:21px; right:40px;}
#block1 #b3{height:104px; width:222px;}
#block1 #b3 img{bottom:21px; right:40px;}
#block1 #b4{height:104px; width:216px;}
#block1 #b4 img{bottom:21px; right:40px;}
#cBottom #block2{height:56px; background: url(../images/bg_bot.gif) no-repeat; border-top:2px solid white;}
#cBottom #block2 p{padding:5px;}
