@charset "utf-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; background: #858484 url(../images/body_fd.gif) 0% 0% repeat-x; margin: 0; padding: 0;}
div#all {margin-left: auto; margin-right: auto; width: 1260px; height: auto;}
div#page {float: left; margin: auto; width:895px;}

div#adsense {visibility: hidden; !important }

.html_carousel {
	padding: 15px 0 15px 40px;
}
.html_carousel div.slide {
	width: 870px;
	height: 400px;
	position: relative;
}
.html_carousel div.slide div {
	background-color: rgba(0, 0, 0, 0.6);
	width: 870px;
	display: none;
	position: absolute;
	bottom: 0;
}
.html_carousel div.slide h4 {
	font-size: 35px;
	padding: 30px 0 0 100px;
}
.html_carousel div.slide p {
	font-size: 16px;
	padding: 0 0 30px 100px;
}
.html_carousel div.slide h4, .html_carousel div.slide p {
	color: white;
	margin: 0;
}
.clearfix {
	float: none;
	clear: both;
}

.warning_box{width:540px;clear:both;background:url(../images/warning.png) no-repeat left #fce9e9;
border:1px #eac7c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

.subiphone{
	background-image: url(../images/butterm.png) ; !important
}

/**************/
/*************** COMMON **************/
/*************/
.rose {color: #fb135b;}

.bold {font-weight: bold;}

a {outline: none;}


/**************/
/*************** ICONE **************/
/*************/

div#icone-gauche{float: left; margin-top: 122px; margin-right: 10px;/*width: 160px; height: 260px;*/}
div#icone-gauche img {margin-left: 15px; margin-right: auto; margin-top: 25px; border:none;}
div#icone-droite{float: left; margin-top: 122px; /*width: 160px; height: 260px;*/}
div#icone-droite img {margin-left: 10px; margin-right: auto; margin-top: 25px; border: none;}
/**************/
/*************** MENU **************/
/*************/
div#menu { position: relative; background: url(../images/body_fd.gif) 0% 0% repeat-x; padding: 0; margin: 0;}
div#menu ul { margin: 0; padding: 15px 10px 10px 15px; text-align: right;}
div#menu ul li {display: inline; list-style: none; font-size: 12px; line-height: normal; color: #fff; margin: 0; padding: 0;}
div#menu ul li a {color: #fff; text-decoration: none; padding: 15px 10px 10px 15px; margin: 0;}
div#menu ul li a:hover, div#menu ul li a.on {background: #000;padding: 15px 10px 10px 15px; }


/**************/
/*************** ASSISTANCE **************/
/*************/
#chat { margin-left: auto; z-index: 99; margin-right: auto; width: 686px; height: 571px;}
#menusav { margin-left: 40px;}
#menusav ul { margin: 0; padding: 0;}
#menusav ul li{display: inline;}
#menusav ul li img{ border: none; display: inline; margin: 0; padding: 0;}



/**************/
/*************** HEADER **************/
/*************/
div#header { position: relative; width:895px; background: #adacac url(../images/inscription_fd.gif) 0% 100% no-repeat; padding: 15px 0 0 0; z-index: 100;}
div#header img.logo {position: absolute; top: 0px; left: 29px; width: 285px; height: 211px; z-index: 100;}
div#header .inscription {position: relative; display: block; background:  text-align: right; padding: 40px 35px 45px 0;}
div#header .inscription a {position: absolute; left: 710px;}
div#header .inscription a img {border: none; }

.title  {
border-bottom:1px solid #E1D0B0;
color:#383224;
font-size:1.3em;
font-weight:bold;
margin:0 0 0.7em;
padding:0;
text-shadow:0 1px 0 #FFFFFF;
width: 300px;
float: right;
outline:medium none;
margin-top: 5px;
}

#haut{
	width: 627px;
	height: 96px;
}

.addthis_toolbox{
	width: 261px;
	height: 60px;
	position: absolute;
	right: 0px;
	top: 55px;	
}
.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
    float: right;

}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}



/**************/
/*************** CONTENT **************/
/*************/
div#content {position: relative; width:895px; min-height: 600px; background: url(../images/page_fd.gif) 0% 0% repeat-y; }
#flashContent { width:100%; height:100%; }


div#content_home{position: relative; width:895px; min-height: 1600px; background: url(../images/page_fd.gif) 0% 0% repeat-y; }


/********** ILLUSTRATION **********/
div#illustration {position: relative; z-index: 1; margin: 0 0 0 35px;}

/* News */
div#news { position: absolute; bottom: -25px; _top: 35px; left: 20px; z-index: 100; width: 315px; background: url(../images/news_fd_top.gif) 5px 0% no-repeat;}
div#news img {margin: 0 0 0 3px;}
div#news .date {display: block; border-top: 1px solid #e2dbce; border-bottom: 1px solid #e2dbce; text-align: center; padding: 0 10px 0 0; margin: 40px 15px 0 10px; font-size: 10px; color: #42403b;}
div#news h2 {font-size: 18px; font-weight: normal; color: #42403b; margin: 0 0 8px 0; padding: 0; text-align: center;}
div#news img.visuel {float: left; border: 1px solid #acabab; background: #e5e5e5; padding: 1px; margin: 0 10px 0 18px;}
div#news p {margin: 0 20px 0 18px; padding: 0; font-size: 11px; color: #42403b;}
div#news p a {color: #e71154;}
div#news p a:hover {text-decoration: none;}


/****TExt****/

#texte{
	width: 640px;
	float: left;
	
}

#texte_home{

	width: 450px;
	float: left;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0 0 0 35px;
	margin-right:50px;
	
	
/*******Flux RSS*******/		
}
#newsfeed{
	width:450px;

}


/******************/
/**********LIENS OUT********/
/******************/
#liensout{
	margin-left: 160px;
	float: left;
}

#liensout ul{
	padding: 0;
	margin: 0;
}

#liensout ul li{
	display: inline;
	/*width: 575px;
	height: 400px;*/
	/*border: solid;
	border-color: aqua;*/
}


#liensout ul li a img{
	border: none;
		display: inline;

}


/****/
/********** LEFT **********/
/****/
div#left {position: relative; float: left; padding: 0 0 0 35px; margin: 0;  width: 560px; height: 120px overflow:hidden}

div#left img.titre {margin: 25px 0 10px 15px;}
div#left h1 { font-size: 20px; font-weight: normal; margin: 16px 0 4px 15px; color: #3d3b37;}

div#left p {margin: 20px 20px 20px 18px; padding: 0; font-size: 11px; color: #42403b; font-size: medium; font-weight: bold;}
div#left p a {color: #e71154;}
div#left p a:hover {text-decoration: none;}

div#left div.meteo {float: right; margin-top: 5px}

div#login div.meteo{position: relative; margin-left: auto; margin-right: auto; margin-top: 5px;}

div#left div.fluxrss { width: 450px; height: 91px; float: left; }


div#left div.haiti { width: 455px; height: 91px; margin-left: auto; margin-right: auto; }
div#left div.haiti img {position: relative; top: 20px;}

/* NAV SECONDAIRE */
div#left ul.nav_sec {position: relative; z-index: 98; width:633px; background: #000 url(../images/nav_second_fd.gif) 0% 100% no-repeat; margin: 0; padding: 10px 0 5px 0; text-align: right;}
div#left ul.nav_sec li {list-style: none; display: inline; padding: 0 0 0 0; font-size: 14px; color: #fff;}
div#left ul.nav_sec li a {color: #fff;}
div#left ul.nav_sec li a:hover {text-decoration: none;}




/* CONTENT TXT : boutiques + offres */
div#content_txt {width: 730px; min-height: 2150px;/* background: url(../images/nouveau_fd.gif) 0% 0% repeat;*/ /*padding: 20px 5px 25px 100px;*/padding:50px 5px 25px 15px; margin:10px 0px 0px 0px; }
div#content_txt img {display: block; margin: 0 0 0 0; padding: 0;}
div#content_txt img.titre {margin: 0 0 10px 10px;}

div#content_txt h2 { font-size: 18px; margin: 0 25px 8px 15px; color: #fb135b;}
div#content_txt h3 { font-size: 14px; margin: 20px 25px 5px 15px; color: #3d3b37;}
div#content_txt p {font-size: 12px; line-height: 16px; margin: 0 25px 15px 15px;}
div#content_txt p.annonce { font-size: 20px; text-align: center; color: #fa0500;}
div#content_txt p.small {font-size: 11px; color: #86837e;}
div#content_txt p a {color: #fb135b;}
div#content_txt p a:hover {text-decoration: none;}
div#content_txt p img.visuel {float: left; margin: 0 10px 0 0;}
#abn{float: left; margin: 0 10px 0 0; width: 100px; height: 93px;}
div#content_txt img.temoin {float: left; margin: 0 10px 0 15px; border: 1px solid #ccc; padding: 2px;}
div#content_txt p.temoignage {margin: 0 0 0 15px; padding: 0 15px 15px 0; border-bottom: 1px solid #c5c6be;}
div#content_txt p.temoignage img.ouvert { vertical-align: middle; display: inline; margin: 0 10px 0 0;}
div#content_txt p.temoignage img.ferme { vertical-align: middle; display: inline; margin: 0 0 0 10px;}

/*div#content_txt ul { margin: 0 25px 20px 15px; padding: 0 0 0 15px;}
div#content_txt ul li {list-style: none;background: url(../images/nouveau_offres_partenaire_fleche_right_on.gif) 0% 1px no-repeat; padding: 0 0 8px 20px; font-size: 12px;}
div#content_txt ul li a {color: #3d3b37;}
div#content_txt ul li a:hover {color: #fb135b;}
div#content_txt ul.chiffre li {list-style:decimal inside; background: none;}*/


div#content_txt form.form_contact {padding: 0 25px 0 15px; padding: 0; width: 550px;}
div#content_txt form.form_contact label {float: left; clear: left; width: 120px; font-size: 12px; color: #3d3b37; padding: 4px 5px 2px 15px; margin: 0 0 5px 0;}
div#content_txt form.form_contact label.radio {width: 30px; padding: 0 0 5px 15px;}
div#content_txt form.form_contact label.box {clear: right; width: 500px; padding: 0 0 5px 15px; margin: 15px 0 0 0; color: #fb135b; font-weight: bold;}
div#content_txt form.form_contact input, div#content_txt form.form_contact textarea {border-top: 2px solid #828177; border-left: 2px solid #828177; border-bottom: 2px solid #fff; border-right: 2px solid #fff; font-size: 11px; color: #000; width: 350px; padding: 4px 5px 2px 10px; margin: 0 0 5px 0;}
div#content_txt form.form_contact select {border-top: 2px solid #828177; border-left: 2px solid #828177; border-bottom: 2px solid #fff; border-right: 2px solid #fff; font-size: 11px; color: #000;width: 60px; clear: right; padding: 4px 5px 2px 10px; margin: 0 0 5px 0;}
div#content_txt form.form_contact textarea {height: 100px;}
div#content_txt form.form_contact input.btradio {float: left; border: none; width: 15px; margin: 0 30px 0 0;}
div#content_txt form.form_contact input.box {float: left; width: 15px; clear: left; border: none; margin: 15px 0 0 15px;}
div#content_txt form.form_contact input.code { width: 60px;}
div#content_txt form.form_contact input.bouton { background: url(../images/bouton_envoyer.gif) 0% 0% no-repeat; width: 105px; height: 30px; border: none; margin: 20px 40%;}



div#content_txt a.top {display: block; clear: both; text-align: right; background: url(../images/fleche_top.gif) 100% 0% no-repeat; padding: 3px 25px 5px 0; margin: 0 25px 0 0; color: #fb135b; font-size: 11px; text-decoration: none;}
div#content_txt a.top:hover {background: url(../images/fleche_top_on.gif) 100% 0% no-repeat;}

div#content_txt a.revue {display: block; text-align: right;background: url(../images/nouveau_offres_partenaire_fleche_right_on.gif) 100% 1px no-repeat; padding: 0 20px 12px 0; color: #fb135b; font-size: 11px; font-weight: bold; border-bottom: 1px solid #c5c6be;}
div#content_txt a.revue:hover {text-decoration: none;}


/**********flux rss***************/


#logoville{

}
#logoville img {
border:0 none;	
float:left;
}

.titre_rss{
margin-top:20%;	
}
#titre_maginfo{
margin:30px 0 0 70px;	
}
div#titre_maginfo p{margin:0;}
.sstitre{margin: 20px 0 0 30px;float:left;}
h2.rss { font-size: 30px; /*margin: 0 25px 8px 15px;*/ color: #fb135b;margin:0;float:left;margin:40px 0 0 15px;}


/**** Boutiques ***/
div#boutiques {width: 270px; background: #fff url(../images/boutiques_fd.gif) 100% 0% repeat-y; padding: 15px 18px 0 16px;}
div#boutiques h2 { font-size: 18px; line-height: 18px; color: #000; margin: 0 0 8px 0; padding: 0;}
div#boutiques img {float: left; margin: 0 12px 0 0;}
div#boutiques h3 {font-size: 11px; line-height: 12px; margin: 0; padding: 0;}
div#boutiques p {font-size: 11px;margin: 0 0 12px 0; padding: 0; color: #909090;}
div#boutiques p a {color: #909090; text-decoration: none;}
div#boutiques p a:hover {text-decoration: underline;}
div#boutiques a img {border: none; margin: 0;}
div#boutiques hr {display: block; clear: left; .margin: 26px 0 18px 0; padding: 26px 0 16px 0; background: url(../images/boutiques_hr_fd.gif) 50% 26px repeat-x; border: none; .border-top: 1px dashed #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
div#boutiques a.plus {display: block; text-align: center; clear: left; padding: 15px 0 20px 0; font-size: 12px; color: #ec2261;}
div#boutiques a.plus:hover {text-decoration: none;}



/**** Offres ***/
div#offres {width: 270px; float: right; }
div#offres img.titre {margin: 0 0 10px 10px;}
div#offres p { margin: 15px 0 0 0; line-height: normal;}


/* marques */
div#marques {background: #d0c7b6 url(../images/offres_marques_bottom.gif) 0% 100% no-repeat; padding: 10px 15px 15px 10px; margin: 0 0 10px 0;}
div#marques img.titre {margin: 0 0 0 10px;}
div#marques a {font-size: 12px; font-weight: bold; color: #e71154;}
div#marques a:hover {color: #242321;}
div#marques ul {margin: 0; padding: 0;}
div#marques ul li {background: none; padding: 0 8px 10px 0;}


/* ventes */
div#ventes {background: #242321; padding: 10px 15px 20px 10px; margin: 0 0 25px 0;}
div#ventes p.go a {background: url(../images/nouveau_offres_ventes_fleche.gif) 0% 0% no-repeat; padding: 0 0 8px 20px; color: #fff; font-weight: bold; font-size: 12px; text-decoration: underline;}
div#ventes p.go a:hover {color:#e71154;}


/* bons */
div#bons {background: #cb0d47; padding: 10px 15px 20px 10px; margin: 0 0 25px 0;}
div#bons p.go a {background: url(../images/nouveau_offres_bons_fleche.gif) 0% 0% no-repeat; padding: 0 0 8px 20px; color: #fff; font-weight: bold; font-size: 12px; text-decoration: underline;}
div#bons p.go a:hover {color:#242321;}


/*commun VENTES + BONS */
div#ventes img, div#bons img {margin: 0 0 0 10px;}
div#ventes img.icon, div#bons img.icon {display: block; padding: 10px 10px 0 10px; margin: 0; float: left;}
div#ventes p a, div#bons p a{color: #fff; text-decoration: none; font-size: 11px;}
div#ventes p a:hover, div#bons p a:hover {text-decoration: underline;}
div#ventes p.go, div#bons p.go {text-align: center; clear: left; margin: 0; padding: 0;}



/**** Recherche ***/
div#recherche { background: url(../images/recherche_fd.gif) 0% 100% repeat-x; padding: 0 0 25px 0; width: 610px;}
div#recherche input { background: url(../images/recherche_input_fd.gif) 10px 8px no-repeat; border-top: 2px solid #828177; border-left: 2px solid #828177; border-bottom: 2px solid #fff; border-right: 2px solid #fff; font-size: 11px; color: #000; width: 435px; padding: 8px 5px 5px 30px; margin: 15px 0 0 20px;}
div#recherche input.bouton {background: url(../images/recherche_input_bouton_fd.gif) 0% 0% no-repeat; width: 90px; height: 30px; border: none;}
div#recherche a {display: block; text-align: right; color: #555; font-size: 11px; margin: 10px 25px 0 0;}
div#recherche a:hover {text-decoration: none;}


/**** Tags ***/
div#tags {margin: 0 0 30px 0; width: 610px;}
div#tags p { text-align: center; color: #585858; font-size: 12px; margin: 20px 0 15px 0;}
div#tags h2 { text-align: center; color: #000; font-size: 18px; font-weight: normal;}
div#tags ul { background: #f5f5f5; padding: 15px 10px 10px 15px; margin: 0;}
div#tags ul li {list-style: none; font-size: 15px; display: inline; padding: 0 0 0 15px;}
div#tags ul li a {color: #000;}
div#tags ul li a:hover {color: #fb135b;}
div#tags a.plus {display: block; color: #fb135b; font-size: 11px; margin: 10px 0 0 25px;}
div#tags a.plus:hover {text-decoration: none;}







/*****/
/********** RIGHT **********/
/****/
div#right {position: relative; float: right; width: 203px; overflow: hidden; margin: 0 24px 0 0; _margin: 0 12px 0 0; z-index: 99;}

#visit{
	margin-top:15px;
width:203px;
text-align:center;
	margin-bottom:30px;
}


/**** Login ***/

	/****Bs********/
	#Bs{border: solid; border-color: green; border-width: 1px; margin-right: 2px; margin-left: 2px; background-color:transparent;
		color: red; display: none;
	}

div#login {width: 179px; background: #000 url(../images/login_fd.gif) 0% 100% no-repeat; padding: 8px 12px 10px 10px; margin: 0 0 15px 0;}
div#login h2 {color: #fff; font-size: 18px; font-weight: normal; margin: 0 0 5px 0; padding: 0;}
div#login label { font-size: 11px; font-weight: bold; color: #fff; letter-spacing: -0.01em; display: block;}
div#login input { border-top: 2px solid #828177; border-left: 2px solid #828177; border-bottom: 2px solid #fff; border-right: 2px solid #fff; font-size: 11px; color: #000; width: 170px;}
div#login a {/*width: 70px;*/ font-size: 12px; color: #808080; margin: 12px 0 0 0; float: left;}
div#login a:hover {text-decoration: none;}
div#login input.bouton {background: url(../images/login_connexion_bt.gif) 0% 0% no-repeat; margin: 12px 0 0 0; padding: 0; width: 103px; height: 28px; border: none; float: left;}


/**** Newsletter ***/
div#newsletter { background: url(../images/right_newsletter_bottom.gif) 0% 100% no-repeat; margin: 0 0 15px 0;}
div#newsletter input { border-top: 2px solid #828177; border-left: 2px solid #828177; border-bottom: 2px solid #fff; border-right: 2px solid #fff; font-size: 11px; color: #828177; margin: 5px 0 0 10px; width: 170px;}
div#newsletter a {display: block; text-align: right; width: 185px; padding: 8px 0 15px 0;}
div#newsletter a img {border: none;}

/****LINK******/

div#link {

}


/*** Menu n2 ***/
div.menu_n2 { background: url(../images/right_menu_fd.gif) 0% 0% repeat-x; margin: 0 0 15px 0; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
div.menu_n2 h2 { background: url(../images/right_menu_fd_titre.gif) 0% 0% no-repeat; color: #fff; font-size: 14px; margin: 0; padding: 5px 0 5px 10px;}
div.menu_n2 h2 a {text-decoration: none; color: #fff;}
div.menu_n2 ul {margin: 10px 0 10px 15px; padding: 0;}
div.menu_n2 ul li {list-style: none; background: url(../images/right_menu_fleche.gif) 0% 0% no-repeat; margin: 0 0 8px 0; padding: 0 0 0 22px; font-size: 12px; color: #3d3b37;}
div.menu_n2 ul li a {color: #3d3b37; text-decoration: none;}
div.menu_n2 ul li a:hover {color: #000;}
div.menu_n2 a.plus_open, div.menu_n2 a.plus_close {display: block; padding: 5px 8px 5px 22px; font-size: 11px; color: #3d3b37;}
div.menu_n2 a.plus_open {background: #e2ddd4 url(../images/right_menu_fleche_open.gif) 175px 3px no-repeat;}
div.menu_n2 a.plus_close {background: #e2ddd4 url(../images/right_menu_fleche_close.gif) 175px 3px no-repeat;}







/*****/
/********** FOOTER **********/
/****/
div#footer { float:left; background: url(../images/footer_fd.gif) 0% 100% no-repeat; padding: 60px 0 20px 30px; margin: 0 0 0 0; width: 895px;}
div#footer div.inset {float: left; /*width: 250px;*/ padding: 0 20px 0 20px;}
div#footer div.inset p {font-size: 12px; color: #fff;}
div#footer div.inset p a {color: #fff; decoration: underline;}
div#footer div.inset p a:hover {text-decoration: none;}
div#footer div.inset ul { margin: 0px 0 0 0; padding: 0; font-size: 11px;}
div#footer div.inset ul li {list-style: none; margin: 0 0 5px 0; padding: 0;}
div#footer div.inset ul li a {color: #fff;}
div#footer div.inset ul li a:hover {text-decoration: none;}
div#footer div.inset a.acces {font-size: 11px; color: #fb135b;}
div#footer div.inset a.acces:hover {text-decoration: none;}




.erreur {border:1px solid red;margin-top: 5px; background:#ffffff;font-family:verdana;font-size:11px;}

/*JUITTER PLUGIN CSS*/

#twitter{width:330px;font-size:10px;margin-top:20px;color:#FB135B;font-weight:bold;}
#twitter
#juitterContainer{width:330px;font-size:10px;} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:#fff;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#000;font-weight:normal;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/