/***************** BODY *****************/
* { margin:0; padding:0; }
body, html { height:100%; }
body { background:#91C9E0 url(../../../img/hp/2/bg-body.jpg) center top no-repeat; font-family:Arial, Verdana, Helvetica, sans-serif; }/*origine*/
#hablinkzone { position:absolute; top:0; z-index:0; width:100%; height:1000px; background:transparent; }/*Special wallpaper Branding*/

/***************** STYLE GLOBAUX *****************/
a img { border:none; }
a:active, a:focus { outline:none; }

/***************** CONTAINER *****************/
#pageContainer { position:relative; width:1004px; margin:0 auto; }

/***************** HEADER *****************/
#header { float:left; position:relative; z-index:100; display:inline; width:100%; }
#header .headerTop { height: 112px;}
#header .fete-jour { position:absolute; top:0; right:0; font-size:15px; background:url(../../../img/hp/2/barre_saint.png) 0 0 no-repeat; width:671px; height:50px; line-height:25px; padding-left:12px; }
#header .fete-jour span a { text-decoration: none; }
#header .fete-jour span.otherDay a { color:#2baaff; }
#header .fete-jour span.today a { color:#ff0066; }
#header .fete-jour span.allSaints { font-size: 12px; position: absolute; top: 21px; left:556px; }
#header .fete-jour span.allSaints a { color:#000000; text-decoration: underline; }
#header .fete-jour span a:hover, #header .fete-jour span.today a:hover { text-decoration: underline; }
#header .logo { padding-top:10px; margin-left:11px; width:268px; float:left; }
#header .rightBlock { float: left; padding-top: 42px; }
#header .brandingLink { width:725px; height:69px; }/*Special wallpaper Branding*/
#habHeaderlinkzone { display:block; width:100%; height:100%; background:transparent; }/*Special wallpaper Branding*/

#baseLine { position: absolute; top: 65px; left: 92px; font-size: 11px; font-weight: lighter; z-index: 100; color: #000000; }

/***************** MENU TOP *****************/
.menu-head { clear:both; float:left; width:100%; margin-top:7px; list-style:none; }
.menu-head li { float:left; display:inline; margin-right:1px; height:33px; border:1px solid #666; }
.menu-head li a { background:url(../../../img/hp/2/bg-menu-head.gif) 0 0 repeat-x; display:block; height:33px; line-height:33px; font-size:15px; color:#fff; text-decoration:none; text-align:center; }
.menu-head li.bt1 a { padding:0; }
.menu-head li.bt15 { margin-right:0; }
.menu-head li.bt1 a { width:31px; }
.menu-head li.bt2 a { width:96px; }
.menu-head li.bt3 a { width:46px; }
.menu-head li.bt4 a { width:51px; }
.menu-head li.bt5 a { width:49px; }
.menu-head li.bt6 a { width:62px; }
.menu-head li.bt7 a { width:65px; }
.menu-head li.bt8 a { width:75px; }
.menu-head li.bt9 a { width:79px; }
.menu-head li.bt10 a { width:63px; }
.menu-head li.bt11 a { width:54px; }
.menu-head li.bt12 a { width:72px; }
.menu-head li.bt13 a { width:45px; }
.menu-head li.bt14 a { width:73px; }
.menu-head li.bt15 a { width:95px; text-align:left; padding-left: 4px; }
.menu-head li a:hover { text-decoration:underline; }

.search { clear:both; float:left; display:inline; width:174px; height:22px; background:url(../../../img/hp/2/bg-search.gif) 0 0 no-repeat; padding-top:2px; }
.search #searchForm .input-text { float:left; display:inline; border:1px solid #adadad; height:17px; width:135px; margin-left:7px; color:#000; font-size: 12px; padding-left: 5px; font-family: "Courier New";  }

#menuTop { float:left; position:relative; display:inline; z-index:500; width:830px; height:24px; background:url(../../../img/hp/2/bg-menu.gif) 0 0 no-repeat; list-style:none; }
#menuTop li { position:relative; float:left; display:inline; background:url(../../../img/hp/2/sep-menu.gif) right center no-repeat; }
#menuTop a { text-decoration:none; font-size:14px; line-height:24px; color:#fff; text-align:center; display:block; float:left; height:24px; overflow:hidden; }

#menuTop .bt1 a { width:115px; padding-left:15px; }
#menuTop .bt2 a { width:128px; }
#menuTop .bt3 a { width:101px; }
#menuTop .bt4 a { width:113px; }
#menuTop .bt5 a { width:163px; }
#menuTop .bt6 a { display:block; width:90px; height:24px; background-image:url(../../../img/hp/2/menu-cybermag.gif); background-repeat: no-repeat; background-position: center center; }
#menuTop .bt6 a:hover { display:block; width:90px; height:24px; background-image:url(../../../img/hp/2/menu-cybermag-over.gif); background-repeat: no-repeat; background-position: center center; background-color: #f81c74; }
#menuTop .bt6 { background:none; }

#menuTop a:hover, #menuTop a.trigered, #menuTop a.rubrique_active { background:#fff; color:#d60055; }
#menuTop .bt1 a:hover, #menuTop .bt1 a.trigered, #menuTop .bt1 a.rubrique_active { background:url(../../../img/hp/2/menu1-over.gif) 0 0 no-repeat; }
#menuTop #menuTop .bt6 a.trigered, #menuTop .bt6 a.rubrique_active { background:none; }

/***************** SOUS MENU *****************/
#menuTop li ul { list-style:none; position:absolute; width:280px; top:-6000px; left:0; background:#fff; }
#menuTop li li { clear:both; float:none; display:block; width:278px; border:1px solid #dadada; border-top:0; height:23px; background:none; }
#menuTop li li a { background:none; position:relative; display:block; width:268px!important; padding-left:10px; text-align:left; height:23px; font-size:14px; line-height:20px; color:#d60055; text-transform:none; text-decoration:none; }
#menuTop li li a:hover, #menuTop li.bt1 li a:hover { background:none; text-decoration:underline; }

/***************** CONTENU *****************/
.contents { float:left; position:relative; display:inline; width:100%; background-color : #ffffff; }

.content-left { clear:both; float:left; display:inline; width:672px; margin-top:8px; margin-left:11px; }
.content-left .titre-encart { font-size:15px; font-weight:bold; color:#2baaff; height:19px; padding-top:9px; }

/***************** FOOTER *****************/
#footer { position:relative; clear:both; width:1078px; height:45px; margin:0 auto; background:#ccc url(../../../img/hp/2/bg-footer.gif) 0 0 no-repeat; }
#footer a:link, #footer a:visited { text-decoration:none; color:#fff; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#fff; }


/* ----- Home ----- */
.news-home { clear:both; float:left; }

.cybermag { clear:both; float:left; width:417px; margin-top:8px; background:url(../../../img/hp/2/bg-cybermag.gif) bottom left no-repeat; padding-bottom:5px; }
.cybermag .titre-encart { background:url(../../../img/hp/2/bg-titre-cybermag.gif) 0 0 no-repeat; padding-left:19px; }
.cybermag .encart-cybermag { clear:both; float:left; display:inline; position:relative; background-position:top right; background-repeat:no-repeat; border-left:1px solid #e8e8e8; }
.cybermag .encart-cybermag .content { display:block; float:left; width:100%; background:url(../../../img/hp/2/bottom-encart-cybermag.gif) bottom right no-repeat; text-decoration:none; }
.cybermag .encart-cybermag .content :hover .titre-actu { text-decoration: underline; }
.cybermag .encart-cybermag .content :hover { cursor: pointer; }
.cybermag .encart-cybermag .content span { display: block; }
.cybermag .encart-vert { margin:15px 0 0 14px; background-image:url(../../../img/hp/2/bg-cybermag-vert.gif); width:392px; }
.cybermag .photo-encart-cybermag { border:1px solid #666; float:left; display:inline; height:80px; width:80px; margin:0; }
.cybermag .photo-encart-cybermag img { height:80px; width:80px; }
.cybermag .right-cybermag { float:left; display:inline; width:285px; margin-left:8px; font-size:11px; color:#333; }
.cybermag .encart-vert .right-cybermag .titre-actu { padding-top:6px; margin-bottom:3px; font-size:14px; color:#cc3;  font-weight:bold; }
.cybermag .encart-rose { margin:5px 0 0 14px; background-image:url(../../../img/hp/2/bg-cybermag-rose.gif); width:392px; }
.cybermag .encart-rose .right-cybermag .titre-actu { padding-top:6px; margin-bottom:3px; font-size:14px; color:#f06; font-weight:bold; }
.cybermag .encart-cybermag .right-cybermag .lire-suite { clear:both; text-align:right; margin-bottom:3px; margin-top:2px;  color:#39f; padding-left:15px; text-decoration: underline; }
.cybermag .encart-vert .right-cybermag .lire-suite { background:url(../../../img/hp/2/point-vert.gif) 160px 1px no-repeat; }
.cybermag .encart-rose .right-cybermag .lire-suite { background:url(../../../img/hp/2/point-rose.gif) 160px 1px no-repeat; }

.encart-facebook { float:left; display:inline; width:246px; margin-left:9px; margin-top:8px; background:url(../../../img/hp/2/bg-encart-facebook.gif) bottom left no-repeat; }
.encart-facebook .titre-encart { padding-left:13px; background:url(../../../img/hp/2/bg-titre-facebook.gif) 0 0 no-repeat; }
.encart-facebook .titre-encart span { background:url(../../../img/hp/2/logo-facebook.gif) left center no-repeat; margin-left:10px; padding-left:18px; font-weight:normal; font-size:12px; color:#333; }
.encart-facebook .intro-facebook { margin-top:15px; margin-left:22px; width:204px; font-size:12px; color:#3b5998; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; }
.encart-facebook .connect-facebook { text-align:center; padding:6px 0; }
.toutes-occasions { clear:both; float:left; width:100%; height:352px; margin-top:8px; background:url(../../../img/hp/2/bg-occasions.gif) bottom left no-repeat; }
.toutes-occasions .titre-encart { background:url(../../../img/hp/2/bg-titre-occasions.gif) 0 0 no-repeat; padding-left:16px; }
.toutes-occasions ul { list-style:none; float:left; display:inline; padding:5px 11px 5px 10px; font-size:11px; width:113px; border-bottom:1px solid #cdcdcd; }
.toutes-occasions ul .rubrique a { font-weight:bolder; text-transform:uppercase; text-decoration:none; color: #000000; }
.toutes-occasions ul .ssRubrique a { color:#525252; text-decoration:none; }
.toutes-occasions ul a:hover { text-decoration:underline; }
.toutes-occasions ul .autres a { color:#2baaff; }
.saviez-vous { clear:both; float:left; margin-top:8px; width:330px; background:url(../../../img/hp/2/bg-saviez-vous.gif) bottom left no-repeat; height:297px; }
.saviez-vous p { font-size:13px; padding-top:5px; margin:0 10px 5px 10px; }
.saviez-vous .titre-encart { background:url(../../../img/hp/2/bg-titre-saviez.gif) 0 0 no-repeat; padding-left:17px; margin:0; }
.saviez-vous .photo-saviez-vous { float:left; display:inline; width:125px; margin:4px 0 0 4px; padding:0; }
.saviez-vous .bleu { color:#0071bb; }
.univers-cybercartes { float:left; display:inline; margin-top:8px; margin-left:12px; width:330px; height:292px; background:url(../../../img/hp/2/bg-univers.gif) bottom left no-repeat; padding-bottom:5px; }
.univers-cybercartes .titre-encart { background:url(../../../img/hp/2/bg-titre-univers.gif) 0 0 no-repeat; padding-left:18px; }
.univers-cybercartes ul { list-style:none; font-size:12px; float:left; width:100%; padding-top:3px; }
.univers-cybercartes ul li { clear:both; float:left; display:inline; width:329px; margin-left:1px; border-bottom:1px solid #cacaca; }
.univers-cybercartes ul li a { text-decoration:none; display:block; line-height:14px; padding-top:1px; }
.univers-cybercartes ul li .logo-univers { float:left; display:block; width:53px; text-align:center; margin-top:5px; }
.univers-cybercartes ul li .titre { display:block; color:#323232; text-decoration:none; font-weight:bold; text-transform:uppercase; }
.univers-cybercartes ul li .titre a:hover { text-decoration:underline; }
.univers-cybercartes ul li .descrip-univers { color:#737376; font-size:11px; line-height:12px; }
.univers-cybercartes ul li.univers-facebook { border:0; }

/* ----- Sidebar ----- */
.sidebar { float:left; width:302px; margin:8px 0 0 9px; }
.pub-sidebar { text-align:center; }
.pub-sidebar { border:1px solid #D9D9D9; }
.evenements { clear:both; float:left; width:100%; margin-top:8px; background:url(../../../img/hp/2/bg-evenements.gif) bottom left no-repeat; }
.evenements .titre-encart { background:url(../../../img/hp/2/bg-titre-evenements.gif) 0 0 no-repeat; font-size:15px; font-weight:bold; color:#2baaff; height:19px; padding-top:9px; padding-left:15px; }
.evenements .titre-encart a { font-size:11px; color:#333; font-weight:normal; margin-left:35px; margin-top:-3px; }
.content-evenements { clear:both; float:left; width:100%; height:208px; overflow:auto; list-style:none; }
.content-evenements li { clear:both; float:left; display:inline; margin:4px 0 5px 8px; width:265px; font-size:12px; border-bottom:1px solid #cdcdcd; padding-bottom:10px; }
.content-evenements li a { text-decoration:none; display:block; }
.content-evenements li .date-evenement { float:left; display:inline; width:35px; height:29px; background:url(../../../img/hp/2/bg-date.gif) 0 0 no-repeat; text-align:center; font-size:12px; color:#333; padding-top:6px; line-height:12px; margin-right:5px; }
.content-evenements li .date-evenement strong { font-weight:normal; }
.content-evenements li .title-desc { display:block; color:#2baaff; font-weight:bold; text-decoration:none; }
.content-evenements li .text-evenement { line-height:12px; color:#737376; text-decoration:none; float:left; width:225px; font-size:11px; }
.onglets-sidebar { clear:both; float:left; width:100%; height:352px; margin-top:8px; background:url(../../../img/hp/2/bg-onglets-sidebar.gif) bottom left no-repeat; }
.onglets-sidebar .onglets { float:left; width:100%; height:28px; list-style:none; background:url(../../../img/hp/2/entete-onglets.gif) 0 0 no-repeat; }
.onglets-sidebar .onglets li { float:left; display:inline; margin-top:2px; }
.onglets-sidebar .onglets li a { display:block; width:96px; height:26px; line-height:27px; overflow:hidden; background:url(../../../img/hp/2/bg-onglets.gif) 0 0 no-repeat; text-align:center; font-size:15px; color:#2baaff; font-weight:bold; text-decoration:none; letter-spacing:-0.03em; }
.onglets-sidebar .onglets li.bt1 { margin-left:7px; }
/*.onglets-sidebar .onglets li.bt2 a { line-height:16px; padding-top:4px; height:36px; }*/
.onglets-sidebar .onglets li a:hover, .onglets-sidebar .onglets li a.actif { background-position:0 -26px; }
.onglets-sidebar .content-onglets { clear:both; float:left; width:100%; }
.onglets-sidebar .content-onglets .onglet-2, .onglets-sidebar .content-onglets .onglet-3 { display:none; }
.onglets-sidebar .content-onglets .carte-onglets { float:left; display:inline; margin:10px 10px 10px 17px; width:122px; }
.onglets-sidebar .content-onglets .visu { background:url(../../../img/hp/2/bg-visu-onglet.png) 0 0 no-repeat; height:74px; padding-top:1px; padding-left:1px; position:relative; }
.onglets-sidebar .content-onglets .visu span { position:absolute; width:35px; height:23px; background:url(../../../img/hp/2/bg-num-top.gif) 0 0 no-repeat; bottom:7px; left:1px; display:block; color:#fff; font-weight:bold; padding-top:15px; padding-left:7px; }
.onglets-sidebar .content-onglets .text-carte-onglet { font-size:11px; }
.onglets-sidebar .content-onglets .text-carte-onglet a { color:#333; text-decoration:none; }
.onglets-sidebar .content-onglets .text-carte-onglet a:hover { text-decoration:underline; }
.onglets-sidebar .content-onglets ul { list-style:none; clear:both; float:left; display:inline; margin-left:17px; width:270px; }
.onglets-sidebar .content-onglets ul li { clear:both; float:left; width:100%; border-bottom:1px solid #318e96; padding:3px 0; }
.onglets-sidebar .content-onglets ul li.last { border:0; }
.onglets-sidebar .content-onglets ul li span { display:block; float:left; width:17px; height:17px; background:url(../../../img/hp/2/puce-top.gif) 0 0 no-repeat; text-align:center; font-size:12px; color:#fff; font-weight:bold; padding-top:1px; }
.onglets-sidebar .content-onglets ul li a { float:left; display:inline; margin-left:10px; color:#333; text-decoration:none; font-size:13px; }
.onglets-sidebar .content-onglets ul li a:hover { text-decoration:underline; }
.facebook { clear:both; float:left; width:100%; margin-top:8px; height:297px; }

/**********
 * Footer *
 **********/

#blockFooter {
	width: 100%;
	display: block;
	position: relative;
	clear: both;
	background-color: #ffffff;
}
#blockFooter a { text-decoration:none; }
#blockFooter a:hover { text-decoration:underline; }

#blockFooter p {
	text-align: center;
	margin: 20px auto 0px auto;
	position: relative;
	color: #C8C8C3;
	font-size: 9px;
}

#blockFooter p a { color: #AFAFAF; }

#blockFooter p.clause {
	font-size: 9px;
	text-align: center;
	color: #333333;
}

 #footerMenu {
	/*width: 570px;*/
	width: 785px;
	margin-left: auto;
	margin-right: auto;
	color: #666666;
	text-align:center;
	font-size: 11px;
}

#footerMenu a { font-weight: normal; color: #666666; }

.footerBullet { height:20px; /*background: transparent url('../img/spacerBullet.gif') repeat-x center;*/ }

/*****************************
 * Facebook birthdayReminder *
 *****************************/

#fb_connect_body {
	display:none;
	width:222px;
	height:204px;
	padding-left:24px;
	background-image:url(../../../img/hp/2/birthdayReminder/fb_connect_bg.jpg);
}

#fb_connect_body_overflow {
	width:222px;
	height:202px;
	overflow:auto;
	padding-top:6px;
}

.fb_connect_pic_bloc {
	float:left;
	width:60px;
	height:59px;
	padding:1px 0px 0px 1px;
	background-image:url(../../../img/hp/2/birthdayReminder/cadre_picture.jpg);
	background-repeat:no-repeat;
}

.fb_connect_pic_bloc img {
	width:59px;
	height:58px;
}

.fb_connect_text_bloc {
	display:block;
	float:left;
	width:126px;
	height:56px;
	padding:4px 0px 0px 12px;
	background-image:url(../../../img/hp/2/birthdayReminder/cadre_texte.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	color: #000000;
}

.fb_connect_text_date {
	font-size:10px;
}

.fb_connect_text_name {
	font-weight:bold;
	font-size:10px;
}

.fb_connect_space {
	clear:both;
	height:10px;
	font-size:1px;
}

/* MENU FRANCIS */

#menu_line_sup{
	clear:both;
	height:35px;
	width:1004px;
	background:url(../../../img/hp/2/menu/menu_gris_center.jpg) repeat-x;
}

#menu_line_sup a{
	float:left;
	text-decoration:none;
}

.menu_line_sup_last_link{
	width:71px;
}
	
#menu_accueil{
	float:left;
	width:32px;
	height:34px;
	padding-top: 1px;
	padding-left: 1px;
}

.menu_line_sup_separator{
	font-size:1px;
	width:1px;
	float:left;
	height:35px;
	background-color:#CCCCCC;
}

.menu_line_sup_border{
	display:block;
	float:left;
	height:35px;
	width:8px;
}
/***BOUTON ST valentin**/
.eventBef_saint-valentin{
	width:42px;
}
.eventAft_saint-valentin{
	width:7px;
}
#menu_line_sup a.event_saint-valentin{
	background:url(../../../img/hp/2/menu/btn_st-val.jpg) no-repeat;
}
/*****************/
/***BOUTONs NOEL**/
.eventBef_noel{
	width:42px;
}
.eventAft_noel{
	width:18px;
}
#menu_line_sup a.event_noel{
	background:url(../../../img/hp/2/menu/btn_christmas.jpg) no-repeat;
}
/*****************/
/***BOUTON Voeux**/
.eventBef_cartes-de-voeux{
	width:42px;
}
.eventAft_cartes-de-voeux{
	width:18px;
}
#menu_line_sup a.event_cartes-de-voeux{
	background:url(../../../img/hp/2/menu/btn_wishes.jpg) no-repeat;
}
/*****************/
.menu_line_sup_border_right{
	display:block;
	float:right;
	height:35px;
	width:8px;
}

.menu_line_sup_commons{
	height:25px;
	padding:10px 0 0 0;
	float:left;
	/*background:url(../../../img/hp/2/menu/menu_gris_center.jpg) repeat-x;*/
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	display:block;
	text-decoration:none;
	cursor: pointer;
}

.menu_line_sup_commons:HOVER
{
	text-decoration: underline;
	cursor: pointer;
}

.menu_line_sup_plus{
	text-align:left;
	float:left;
}

/*********POPIN FACEBOOK***********/

#popup { width: 410px; padding: 10px; border: solid 1px #333; font-family: georgia, serif; font-size: 14px; }
#texte { margin: 10px 0 0 10px; }
#texte p { margin: 0; line-height: 19px;}

#imageJAime { margin: 20px 5px 20px 10px; text-align: center; }
#fb-like { width: 101px; margin-top: 20px; margin-left:auto; }
#facebook { margin-top: 24px; }
#continuer { width: 390px; margin: 0px 0px 10px 0px; text-align: right; }

#fleches_bas { margin: -10px 0 0 10px; }

.clear { clear: both; }
/*************************************/