@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#page {position: relative; margin: auto; width:895px;}





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

.bold {font-weight: bold;}

a {outline: 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; }





/**************/
/*************** HEADER **************/
/*************/
div#header { position: relative; width:895px; background: #adacac url(../images/inscription_fd.gif) 0% 100% no-repeat; padding: 15px 0 0 0;}
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 8px 0;}
div#header .inscription a {position: relative; 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: 40px;
	top: 70px;	
}
.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; }





/********** ILLUSTRATION **********/
div#illustration {position: relative; z-index: 99; 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;
}


/******************/
/**********LIENS OUT********/
/******************/

#liensout{
	width: 150px;
	height: 400px;
	float: right;
	/*border: solid;
	border-color: aqua;*/
}


#liensout img{
	border: none;
}


/****/
/********** LEFT **********/
/****/
div#left {position: relative; float: left; padding: 0 0 0 35px; margin: 0; clear: left; width: 633px; 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 9px 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: 815px; min-height: 2150px; background: url(../images/nouveau_fd.gif) 0% 0% repeat; padding: 20px 10px 25px 10px; 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: 16px; 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.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;}





/**** 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;}




/**** 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: 10px; 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: 15px 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;}