td , p {font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px;color:#333;text-align:left;}
a:link {color: #000; text-decoration:none;}
a:visited {color: #000; text-decoration:none;}
a:active {color: #000 ; text-decoration:none;}
a:hover {text-decoration:underline;} 
a img {
border:medium none;
}

/********************************************************************* HEADER ****************************************************************/

.left{float:left;}
.right-texte{float:right;width: 490px;}
.right-texte-gourmet{float:right;width: 243px;}
.text-grey{color:#6d6d6d;}

#header_accueil{width:950px;height:236px;margin:0 auto;background: #FFFFFF url("/images/bandeau-haut.png"); padding: 0 20px; border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC;}
#header_600{width:950px;height:236px;margin:0 auto;background: #FFFFFF url("/images/bandeau-haut-600.png");padding: 0 20px;border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC;}
#header_800{width:950px;height:236px;margin:0 auto;background: #FFFFFF url("/images/bandeau-haut-800.png");padding: 0 20px;border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC;}
#header_400{width:950px;height:236px;margin:0 auto;background:#FFFFFF url("/images/bandeau-haut-400.png");padding: 0 20px;border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC;}
#header_100{width:950px;height:236px;margin:0 auto;background:#FFFFFF url("/images/bandeau-haut-100.png");padding: 0 20px;border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC;}
#header_200{width:950px;height:236px;margin:0 auto;background:#FFFFFF url("/images/bandeau-haut-200.png");padding: 0 20px;border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC;}
#header_500{width:950px;height:236px;margin:0 auto;background:#FFFFFF url("/images/bandeau-haut-500.png");padding: 0 20px;border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC;}

#logo {
	left: 0px;
	top: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
	padding-top: 18px;
}
#menu-wrapper {
background-color: #000000;
width:100%;
overflow:auto;
box-shadow: 0 1px 1px #666;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
#menu-div {
position:absolute;
	color: #999999;
	text-transform:uppercase;

    width: 568px;
}
#menu {	
    left: 368px;
    list-style: none outside none;
    margin: 10px 0 0;
    padding: 0;
    position: absolute;
    top: 150px;
    width: 630px;
}
#menu li {
	float: left;
	font: 12px;
	margin: 0px;
	padding: 0px;
	text-align: center !important; 
}
#menu a {
	color: #fff; 
	display: block;
	float: left;
	background:#000;
	margin: 0 4px;
	border-radius: 3px 3px 3px 3px;
	text-decoration: none;
	padding: 5px 14px;
	text-align: center !important; 
	font-size: 12px;
}

#menu .actifaccueil a,#menu .menuaccueil a:hover, .couleurbg-accueil{background:#ef426f;}
#menu .actifsortir a,#menu .menusortir a:hover, .background-color-600{background:#ee2737;}
#menu .actifgourmet a,#menu .menugourmet a:hover, .background-color-800{background:#ffa300;}
#menu .actifculture a,#menu .menuculture a:hover, .background-color-400{background:#97d700;}
#menu .actifbeaute a,#menu .menubeaute a:hover, .background-color-100{background:#00c1d5;}
#menu .actiffemme a,#menu .menufemme a:hover, .background-color-200{background:#c6007e;}
#menu .actifdesign a,#menu .menudesign a:hover, .background-color-500{background:#686e9f;}

.menu-2 {
float:right;
text-align:right;
margin-top:-10px;
background-color: #FFF;
border-radius: 5px;
font-size: 15px;
}

.menu-2 a:hover {
text-decoration:none !important;
color:#ef426f !important;
}

.couleurtxt-accueil{color:#ef426f!important;}
.text-color-600{color:#ee2737!important;}
.text-color-800{color:#ffa300!important;}
.text-color-400{color:#97d700!important;}
.text-color-100{color:#00c1d5!important;}
.text-color-200{color:#c6007e!important;}
.text-color-500{color:#686e9f!important;}

.lignenoir{
	border-top:solid 3px #000;
	margin-bottom:15px;
	clear:both;
}
.lignefinenoir{
    border-top: 1px solid #000000;
    clear: both;
    margin: 8px 0 0 3px;
    width: 270px;
}
.lignerose{
	border-top:solid 3px #ef426f;
	margin-bottom:15px;
	clear:both;
}
.pucerose{
	color:#EC426F;
}
.puceviolette{
	color:#686e9f;
}
.comingsoon{
background:url("images/comingsoon.png");
width:135px;
height:51px;
margin: 104px 0 0 69px;
position:absolute;
}
.toplienredac{
top:0;
left:0;
display:block;
height: 200px;
width: 150px;
}
#container {
margin: 0 auto;
width:950px;
overflow:hidden;
padding:20px !important;
background-color: #FFFFFF;
border-left: solid 1px #CCC; border-right: solid 1px #CCC;
}

#colonne-gauche {
float:left;
width:630px;
text-align:left;
}
#colonne-gauche a {
text-decoration: underline;
}
#colonne-droite {
float:right;
width:300px;
text-align:left;
}
#colonne-full {
float:left;
width:930px;
text-align:left;
}
#footer-wrapper {
	background:#000;
	font-size:14px !important;
	color:#fff;
	width:950px;
	margin:0 auto;
	overflow:auto;
	padding: 0 20px;
}
#footer-wrapper a{
	color:#fff;
}

#footer {
margin:0 auto;
width:950px;
height:20px;
color:#FFFFFF !important;
padding:20px 0px;
text-align:center;
}
#footer a {
color:#FFFFFF !important;	
}
#footer a:hover {
color:#666666 !important;
text-decoration:none;
}

#footer p {
color:#FFFFFF;
}

.footer-column
{
	width:130px;
	float:left;
	padding: 12px;
}
.footer-column p
{
	border-bottom:#FFFFFF dotted 1px;
	padding:2px 0px;
	margin:0px;
}

.fil_ariane {
	border-bottom: solid 3px;
	padding-bottom: 14px;
	margin-top: 0px;
}

.fil_ariane span {
	margin-bottom:10px;
}

.rubrique {
color:#000;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 12px;
}

.titrelien {
color:#fff;
margin-top:15px;
}

.ligne_cooking {
	border-bottom: solid thin #DDD 1px;
	padding-bottom: 15px;
	width: 170px;
	height:195px;
	float: left;
	overflow:hidden;
	text-align: left;
	margin-right:20px;
	margin-bottom:20px;
	padding: 10px;
	background: #F2F2F2
}

.ligne_article {
padding:7px 0px;
overflow:auto;
font-size:14px;
border-top: dotted #999999 1px;
}
.ligne_guide {
padding:7px 0px;
font-size:14px;
border-top: dotted #999999 1px;
}
.ligne_article h3 {
margin-top:0px;
}
.ligne_article_tendence {
overflow:auto;
font-size:14px;
margin-bottom: 23px;
}
.ligne_article_tendence h3 {
margin-top:0px;
}
.col_article {
font-size:13px;
float:left;
margin: 0 13px;
border-radius:4px;
color:#fff;
border:solid 1px #dadada;
width:180px;
}
.col_article_adresse {
font-size:13px;
float:left;
margin: 0 6px;
border-radius:4px;
color:#fff;
border:solid 1px #dadada;
width: 140px;
height: 311px;
}
.art_info{
	padding:0 5px;
}
.img_ligne_article img{
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
.img_ligne_article{
	overflow:hidden;
}
.img_ligne_article_info{
	height: 65px;
	padding:5px;
}
.a_info, .a_info a {
	color:#fff!important;
	font-size:13px!important;
}
.img_col_article {
border:solid 3px #F2F2F2;
}
.colonne-demi {
	width:305px;
	border-raduis:4px;
	float:left;
}
.float_right {
	float:right;
	margin-left:20px;
	}
.brdr_fb {

}
.border_image{
border:solid #F2F2F2 5px;
padding:10px;
}
.cadre_gris h3{
margin-top:0px;
}
.cadre_gris{
border:solid #000 1px;
border-radius:4px;
padding:10px;
}
.cadre_gris_article_plus{
border:solid #000 1px;
border-radius:4px;
padding:0 10px;
}
.cadre_gris_box{
border:solid #000 1px;
border-radius:4px;
}
.cadre_gris_gris_padding {
border:solid #DDDDDD 1px;
padding:10px;
background-color:#F2F2F2;
border-radius:4px;
}
.cadre_gris_gris_padding p {
margin: 2px 0;
padding: 2px 0;
}

.cadre_rose_padding h3 {
color:#fff;
}

#ideemenu {
border:solid #DDDDDD 1px;
padding:10px 10px 0 10px;
width:340px;
border-radius:4px;
margin-top:10px;
float:right;
background-color:#F2F2F2;
clear:right;

}
#espace-menu {
margin-top:150px;
}

#faceb{
border:solid #DDDDDD 1px;
border-radius:4px;
}

h1 {
color:#333333;
font-family: 'Vidaloka', cursive;
font-size: 24px;
padding-top:0;
padding-bottom:10px;
padding-right:10px;
margin:0;	
	}
	
h2 {
color:#ec426f !important;
font-family: 'Vidaloka', cursive;
font-size: 17px;
padding:3px 0;
display:inline;
text-align:left !important;
}
h3 {
color:#000 !important ;
font-family: 'Vidaloka', cursive;
font-size: 17px;
text-align:left !important;
padding:0;
}
h4{
color:#ef426f !important ;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 16px;
text-align:left !important;
padding:0;
margin:0;
font-weight:bold;
}
.top{
	margin: 6px 0 0 4px;
}

.form_style {
	font-size: 12px;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 4px;
	font-family: Georgia,"Times New Roman",Times,serif;
	border: 1px solid #DDD;
}

.btn_style, .btn_style a:link, .btn_style a {
	font-size: 12px;
	color: #FFFFFF !important;
	text-decoration: none !important;
	padding: 3px 10px;
	cursor: pointer;
	font-weight: bold;
	margin: 0px;
	border: solid 0px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #ec426f;
	box-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	text-shadow:0 -1px 2px rgba(0, 0, 0, 0.3);

}
.btn_style:hover, .btn_style a:hover {

	background-color: #f15780;
}
.btn_style_sortir, .btn_style_sortir a:link, .btn_style_sortir a {
	font-size: 12px;
	color: #FFFFFF !important;
	text-decoration: none !important;
	padding: 3px 10px;
	cursor: pointer;
	font-weight: bold;
	margin: 0px;
	border: solid 0px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #ee2737;
	box-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	text-shadow:0 -1px 2px rgba(0, 0, 0, 0.3);

}
.btn_style_sortir:hover, .btn_style_sortir a:hover {

	background-color: #f14654;
}


.image-title h3, .image-title a 
{
color:#FFFFFF !important;	
}
.test950 {
	width:950px;
	height:20px;
	background-color:#F00;
	float:left;
}
.test650 {
	width:650px;
	height:20px;
	background-color:#F00;
	float:left;
}
.test470 {
	width:470px;
	height:20px;
	background-color:#F00;
	float:left;
}
.test450 {
	width:450px;
	height:20px;
	background-color:#00FF66;
	float:left;
	display:inline;
	overflow:hidden;
	position:relative;
}
.test300 {
	width:300px;
	height:20px;
	background-color:#FFFF66;
	float:left;
}
.test210{
	width:210px;
	height:20px;
	background-color:#F00;
	float:left;
}
.test180 {
	width:180px;
	height:20px;
	background-color:#F00;
	float:left;
}

.darkgrey {background-color: #666666}



/*titres + texte dynamique*/




hr {background:url("/images/dot.gif") repeat-x scroll 0 73% transparent; border:0 none; clear:both; height:1px; margin:15px 0 10px 0;} 

.doterose{background:url("/images/dot1.jpg") repeat-x scroll 0 73% transparent; border:0 none; clear:both; height:1px; margin:15px 0 10px 0;}
.doterouge{background:url("/images/dot2.jpg") repeat-x scroll 0 73% transparent; border:0 none; clear:both; height:1px; margin:15px 0 10px 0;}
.dotejaune{background:url("/images/dot3.jpg") repeat-x scroll 0 73% transparent; border:0 none; clear:both; height:1px; margin:15px 0 10px 0;}
.dotevert{background:url("/images/dot4.jpg") repeat-x scroll 0 73% transparent; border:0 none; clear:both; height:1px; margin:15px 0 10px 0;}
.dotebleu{background:url("/images/dot5.jpg") repeat-x scroll 0 73% transparent; border:0 none; clear:both; height:1px; margin:15px 0 10px 0;}
.dotemauve{background:url("/images/dot6.jpg") repeat-x scroll 0 73% transparent; border:0 none; clear:both; height:1px; margin:15px 0 10px 0;}
.doteviolet{background:url("/images/dot7.jpg") repeat-x scroll 0 73% transparent; border:0 none; clear:both; height:1px; margin:15px 0 10px 0;}


p.tags {
color:#5389AF;
font-style:italic;
line-height:19px;
margin-top:20px;
text-align:right;
}
p.tags span {
background:url("/images/tags.gif") no-repeat transparent;
display:inline-block;
display: -moz-inline-stack;
float:left;
height:19px;
line-height:19px;
margin-bottom:10px;
margin-right:5px;
width:45px;
}
.blanc {color:#FFF}
.blanc a:link, .blanc a:active, .blanc a:visited	{color:#FFF;text-decoration:none; font-weight:bold;}
.blanc a:hover	{color:#666; text-decoration:none;font-weight:bold;}
.rouge { color:#F00}
.f10 { font-size:10px}

/*body */
body {text-align:center;margin: 0 auto;padding:0;}

#outertable {
	position: relative;
	margin: 0 auto;
	border: 0;
	width: 950px;
	height: 100%;
	text-align: left; 
	padding:10px 0;
}

#innertable {
	border: 0;
	width: 950px;
	background-color: #ffffff ;
	/*border:1px solid #CBCBCB;*/
}


.bottom {
	visibility: hidden;
	}



/* codes couleurs par rubrique
	Autre	       	#8EB5EF
	Membre        	#97001F
	Guide Adresses 	#EC8F3F
	Guide marques	#41AD8B
	eshop			#AA72C4
	Femme			#ec426f
	Homme			#000066
	Design			#E0A343
	Gourmet			#799DBF
	Offrir			#E45BA8
	Beauté & Spa	#64B5BF
	Sortir			#FF6666
	Culture			#6699CC
	services		#6699CC
	top				#ADBE5F				
*/

/* index défaut */
#autre #module-hero-vertical,
#autre #module-hero-horizontal,
#autre #module-bar 							{background-color:#ec426f;}
#autre #module-hero-vertical-side .bottom-border {background-color:#ec426f;}
#autre	#module-subnav-vertical,
#autre	#module-subnav-horizontal				{border-color:#ec426f;}

#autre #logo2			{ background-color:#8EB5EF;}
#autre #header-droit2 ul li a:active			{color:#8EB5EF;}
#autre #header-droit2 ul li a:hover			{color:#8EB5EF;}
#autre #header-droit2 ul li.encours a {color:#8EB5EF;font-weight: bolder;}
#autre #shopping			{ background-color:#8EB5EF; color:#FFF}
#autre #lifestyle			{ background-color:#8EB5EF; color:#FFF}
#autre .menu a:hover	{color:#8EB5EF; text-decoration:none;}
#autre .encours a {color:#8EB5EF;font-weight: bolder;}

#autre h2 {color:#666;}
#autre .letter h3			{  background-color:#8EB5EF; color:#FFF}
#autre .partenaire h3			{  background-color:#8EB5EF; color:#FFF}
#autre .musthave h3			{  background-color:#8EB5EF; color:#FFF}

/* idp = membre */
#membre #logo2			{ background-color:#97001F;}
#membre #header-droit2 ul li a:active			{color:#97001F;}
#membre #header-droit2 ul li a:hover			{color:#97001F;}
#membre #header-droit2 ul li.encours a {color:#97001F;font-weight: bold;}
#membre #shopping			{ background-color:#97001F; color:#FFF}
#membre #lifestyle		{background-color:#97001F;color:#FFF}
#membre .menu a:hover	{color:#97001F; text-decoration:none;}
#membre .encours a {color:#97001F;font-weight: bolder;}

#membre .letter h3			{ background-color:#97001F; color:#FFF}
#membre .musthave h3			{ background-color:#97001F; color:#FFF}
.membre	{border:1px dashed #97001F;padding:10px;margin:10px;}
.membreindex			{ background-color:#97001F; color:#FFF}


/* idp = femme */
#femme #logo2			{ background-color:#ec426f;}
#femme #header-droit2 ul li a:active			{color:#ec426f;}
#femme #header-droit2 ul li a:hover			{color:#ec426f;}
#femme #header-droit2 ul li.encours a {color:#ec426f;font-weight: bolder;}
#femme #shopping			{ background-color:#ec426f; color:#FFF}
#femme #lifestyle		{ background-color:#ec426f; color:#FFF}
#femme .menu a:hover	{color:#ec426f; text-decoration:none;}
#femme .encours a {color:#ec426f;font-weight: bold;}

#femme .letter h3			{ background-color:#ec426f; color:#FFF}
#femme .musthave h3			{ background-color:#ec426f; color:#FFF}
.femme { background-color:#ec426f; color:#FFF}


/* idp = homme */
#homme #logo2			{ background-color:#000066;}
#homme #header-droit2 ul li a:active			{color:#000066;}
#homme #header-droit2 ul li a:hover			{color:#000066;}
#homme #header-droit2 ul li.encours a {color:#000066;font-weight: bolder;}
#homme #shopping			{ background-color:#000066; color:#FFF}
#homme #lifestyle		{ background-color:#000066; color:#FFF}
#homme .menu a:hover	{color:#000066; text-decoration:none;}
#homme .encours a {color:#000066;font-weight: bold;}

#homme .letter h3			{background-color:#000066; color:#FFF}
#homme .musthave h3			{background-color:#000066; color:#FFF}
.homme			{background-color:#000066; color:#FFF}

/* idp = design */
#design #logo2			{ background-color:#E0A343;}
#design #header-droit2 ul li a:active			{color:#E0A343;}
#design #header-droit2 ul li a:hover			{color:#E0A343;}
#design #header-droit2 ul li.encours a {color:#E0A343;font-weight: bolder;}
#design #shopping			{ background-color:#E0A343; color:#FFF}
#design #lifestyle		{ background-color:#E0A343; color:#FFF}
#design .menu a:hover	{color:#E0A343; text-decoration:none;}
#design .encours a {color:#E0A343;font-weight: bold;}

#design .letter h3			{background-color:#E0A343;  color:#FFF}
#design .musthave h3			{background-color:#E0A343;  color:#FFF}
.design			{background-color:#E0A343;  color:#FFF}

/* idp = gourmet */
#gourmet #logo2			{ background-color:#799DBF;}
#gourmet #header-droit2 ul li a:active			{color:#799DBF;}
#gourmet #header-droit2 ul li a:hover			{color:#799DBF;}
#gourmet #header-droit2 ul li.encours a {color:#799DBF;font-weight: bolder;}
#gourmet #shopping			{ background-color:#799DBF; color:#FFF}
#gourmet #lifestyle		{ background-color:#799DBF; color:#FFF}
#gourmet .menu a:hover	{color:#799DBF; text-decoration:none;}
#gourmet .encours a {color:#799DBF;font-weight: bold;}

#gourmet .letter h3			{  background-color:#799DBF; color:#FFF}
#gourmet .musthave h3			{  background-color:#799DBF; color:#FFF}
.gourmet			{  background-color:#799DBF; color:#FFF}

/* idp = offrir */
#offrir #logo2			{ background-color:#E45BA8;}
#offrir #header-droit2 ul li a:active			{color:#E45BA8;}
#offrir #header-droit2 ul li a:hover			{color:#E45BA8;}
#offrir #header-droit2 ul li.encours a {color:#E45BA8;font-weight: bolder;}
#offrir #shopping			{ background-color:#E45BA8; color:#FFF}
#offrir #lifestyle		{ background-color:#E45BA8; color:#FFF}
#offrir .menu a:hover	{color:#E45BA8; text-decoration:none;}
#offrir .encours a {color:#E45BA8;font-weight: bold;}

#offrir .letter h3			{  background-color:#E45BA8; color:#FFF}
#offrir .musthave h3			{  background-color:#E45BA8; color:#FFF}

/* idp = eshop */
#eshop #logo2			{ background-color:#AA72C4;}
#eshop #header-droit2 ul li a:active			{color:#AA72C4;}
#eshop #header-droit2 ul li a:hover			{color:#AA72C4;}
#eshop #header-droit2 ul li.encours a {color:#AA72C4;font-weight: bolder;}
#eshop #shopping			{ background-color:#AA72C4; color:#FFF}
#eshop #lifestyle		{ background-color:#AA72C4; color:#FFF}
#eshop .menu a:hover	{color:#AA72C4; text-decoration:none;}
#eshop .encours a {color:#AA72C4;font-weight: bold;}

#eshop .letter h3			{  background-color:#AA72C4; color:#FFF}
#eshop .musthave h3			{  background-color:#AA72C4; color:#FFF}
.eshop			{  background-color:#AA72C4; color:#FFF}

/* idp = beaute */
#beaute #logo2			{ background-color:#64B5BF;}
#beaute #header-droit2 ul li a:active			{color:#64B5BF;}
#beaute #header-droit2 ul li a:hover			{color:#64B5BF;}
#beaute #header-droit2 ul li.encours a {color:#64B5BF;font-weight: bolder;}
#beaute #shopping			{ background-color:#64B5BF; color:#FFF}
#beaute #lifestyle		{ background-color:#64B5BF; color:#FFF}
#beaute .menu a:hover	{color:#64B5BF; text-decoration:none;}
#beaute .encours a {color:#64B5BF;font-weight: bold;}

#beaute .letter h3			{ background-color:#64B5BF; color:#FFF}
#beaute .musthave h3			{ background-color:#64B5BF; color:#FFF}
.beaute			{ background-color:#64B5BF; color:#FFF}

/* idp = sortir */
#sortir #logo2			{ background-color:#FF6666;}
#sortir #header-droit2 ul li a:active			{color:#FF6666;}
#sortir #header-droit2 ul li a:hover			{color:#FF6666;}
#sortir #header-droit2 ul li.encours a {color:#FF6666;font-weight: bolder;}
#sortir #shopping			{ background-color:#FF6666; color:#FFF}
#sortir #lifestyle		{ background-color:#FF6666; color:#FFF}
#sortir .menu a:hover	{color:#FF6666; text-decoration:none;}
#sortir .encours a {color:#FF6666;font-weight: bold;}

#sortir .letter h3			{background-color:#FF6666; color:#FFF}
#sortir .musthave h3			{background-color:#FF6666; color:#FFF}
.sortir			{background-color:#FF6666; color:#FFF}

/* idp = culture */
#culture #logo2			{ background-color:#8C5273;}
#culture #header-droit2 ul li a:active			{color:#8C5273;}
#culture #header-droit2 ul li a:hover			{color:#8C5273;}
#culture #header-droit2 ul li.encours a {color:#8C5273;font-weight: bolder;}
#culture #shopping			{ background-color:#8C5273; color:#FFF}
#culture #lifestyle		{ background-color:#8C5273; color:#FFF}
#culture .menu a:hover	{color:#8C5273; text-decoration:none;}
#culture .encours a {color:#8C5273;font-weight: bolder;}

#culture  .letter h3			{ background-color:#8C5273; color:#FFF}
#culture  .letter180 h3			{ background-color:#8C5273; color:#FFF}
#culture  .musthave h3			{ background-color:#8C5273; color:#FFF}
.culture			{ background-color:#8C5273; color:#FFF}

/* idp = services */
#services #logo2			{ background-color:#6699CC;}
#services #header-droit2 ul li a:active			{color:#6699CC;}
#services #header-droit2 ul li a:hover			{color:#6699CC;}
#services #header-droit2 ul li.encours a {color:#6699CC;font-weight: bolder;}
#services #shopping			{ background-color:#6699CC; color:#FFF}
#services #lifestyle		{ background-color:#6699CC; color:#FFF}
#services .menu a:hover	{color:#6699CC; text-decoration:none;}
#services .encours a {color:#6699CC;font-weight: bold;}

#services .letter h3			{  background-color:#6699CC; color:#FFF}
#services .musthave h3			{  background-color:#6699CC; color:#FFF}
.services {  background-color:#6699CC; color:#FFF}

/* idp = todo */
#todo #logo2			{ background-color:#ADBE5F;}
#todo #header-droit2 ul li a:active			{color:#ADBE5F;}
#todo #header-droit2 ul li a:hover			{color:#ADBE5F;}
#todo #header-droit2 ul li.encours a {color:#ADBE5F;font-weight: bolder;}
#todo #shopping			{ background-color:#ADBE5F; color:#FFF}
#todo #lifestyle		{ background-color:#ADBE5F; color:#FFF}
#todo .menu a:hover	{color:#ADBE5F; text-decoration:none;}
#todo .encours a {color:#ADBE5F;font-weight: bold;}

#todo .letter h3			{  background-color:#ADBE5F; color:#FFF}
#todo .musthave h3			{  background-color:#ADBE5F; color:#FFF}
.todo			{  background-color:#ADBE5F; color:#FFF; padding:0; margin:2px 0 2px 0;}

/* idp = adresses */
#adresses #logo2			{ background-color:#EC8F3F;}
#adresses #header-droit2 ul li a:active			{color:#EC8F3F;}
#adresses #header-droit2 ul li a:hover			{color:#EC8F3F;}
#adresses #header-droit2 ul li.encours a {color:#EC8F3F;font-weight: bolder;}
#adresses #shopping			{ background-color:#EC8F3F; color:#FFF}
#adresses #lifestyle		{ background-color:#EC8F3F; color:#FFF}
#adresses .menu a:hover	{color:#EC8F3F; text-decoration:none;}
#adresses .encours a {color:#EC8F3F;font-weight: bold; }

#adresses .texte			{ text-transform:uppercase;}
#adresses .letter h3			{background-color:#EC8F3F;  color:#FFF}
#adresses .musthave h3			{background-color:#EC8F3F;  color:#FFF}
.adresses			{background-color:#EC8F3F;  color:#FFF}
		

/* idp = marques */
#marques #logo2			{ background-color:#41AD8B;}
#marques #header-droit2 ul li a:active			{color:#41AD8B;}
#marques #header-droit2 ul li a:hover			{color:#41AD8B;}
#marques #header-droit2 ul li.encours a {color:#41AD8B;font-weight: bolder;}
#marques #shopping			{ background-color:#41AD8B; color:#FFF}
#marques #lifestyle		{ background-color:#41AD8B; color:#FFF}
#marques .menu a:hover	{color:#41AD8B; text-decoration:none;}
#marques .encours a {color:#41AD8B;font-weight: bold;}


#marques .letter h3			{  background-color:#41AD8B; color:#FFF}
#marques .musthave h3			{  background-color:#41AD8B; color:#FFF}
.marq{
	border: 1px dashed #41AD8B;
	padding:7px;
}
/* menu alphabetique*/
.encours a {font-size:150%;}

/* grids*/
.container {margin-left:auto;margin-right:auto;width:950px;}
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12 {
	float: left;
	display:inline;
	margin:0;
	padding:0;
}
.first {margin-left: 0;}
.last  {margin-right: 0;}
.grid-1  {width:550px;}
.grid-2  {width:400px;}
.grid-3  {width:650px;}
.grid-4  {width:299px;float: right;border-left:solid; border-left-color:#DDD; border-left-width:1px;border-right-width:0; height:100%;}



/* header*/
/*#header {position:relative; height:150px;}*/
#header-gauche {position:relative;margin:0;font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px;color:#97001F;line-height:1;height:150px;}
	#header-gauche1 {position:relative;height:20px;font-weight: bold;}
		#membre1 {float:left;margin-left:0;width:50%;}
		#membre2 {float:right;margin-right:0;width:50%;text-align:right;}

	#logo2 {margin-left:0px; margin-top:0px; position:relative; background-color:#8EB5EF;}
	#header-gauche3{position:relative;bottom:-5px;height:20px; }
		#header-gauche31{float: left;; width: 230px;}
		#header-gauche32{float: left;; width: 150px;}
		#header-gauche33{float: right; width: 150px; margin-right:0;text-align:right;}
		.menu a,
		.menu a:visited {font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px;color:#333333;font-weight:bold;line-height:17px;}	
		
			
#header-droit {position:relative;margin:0;font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px;color:#97001F;line-height:1;height:150px; }

.ideewe{
	float:right;
	font-style:italic;
	color:#000;
}


/*#header-droit {position:relative;margin:0;font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px;color:#97001F;line-height:1;height:150px; }*/
	#header-droit0 {position:relative;height:20px;font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;font-weight:bolder;text-align:center;letter-spacing:2px;color:#97001F;}
		#offres{margin:0 0 0 25px; padding:0; float:left;height:20px;line-height:20px; background-color:#ffffd5; width:175px; border:1px solid #97001F;}
		/*#recherche{margin:0 0 0 0; padding:0; float:right;height:20px;line-height:20px; width:175px; }*/
	#recherche{margin:0 0 0 0; padding:0; float:right;height:20px;line-height:20px; width:175px;}
#recherche form fieldset {
  margin: 2px 0 0 0;
  padding: 0;
  border:none;
  height:20px;
}
#recherche .recherche-input {
	background-color:#97001F;
  color: #fff;
  font-family:  Georgia,"Times New Roman",Times,serif;
  font-size: 12px;
  text-align: left;
  width: 130px;
    display:inline;
	float:left;
	height:18px;
	border:none;
	margin: 0 ;
	font-weight:bold;
}
#recherche .recherche_bouton {
  height: 20px;
  margin: 0;
  padding: 0;
  width: 28px;
  display:inline;
  float:left;
  width:28px;;
}

	
	#header-droit1 {position:relative;height:20px;color:#8EB5EF;font-size: 16px;font-weight: bold;letter-spacing:3px;}
		#shopping{width:175px;margin:0 0 0 25px; padding:0; float:left;height:20px;line-height:20px;}
		#lifestyle{width:175px;margin:0 0 0 25px; padding:0; float:left;height:20px;line-height:20px;}
	#header-droit2{position:relative; height:100px;margin: 0; padding:0;color:#97001F;line-height:1;}
/* menu droit*/
		#header-droit2  ul    	 {position:relative;  margin:0 0 0 25px; padding:0; width:400px; _display:inline;}
		#header-droit2 ul li.c1 {width:200px;margin:0;padding:0;}
		#header-droit2  ul li.c2 {width:200px;margin:0;padding:0;}
		#header-droit2 ul li 	 {margin:0; padding:0; float:left; list-style:none;}
		#header-droit2  ul li a  {display:block; font-size:14px; line-height:23px; color:#313131;font-weight:bold;}
		#header-droit2 ul li a:hover  {color:#41AD8B; text-decoration:none;}
		#header-droit2 ul li a:active {color:#97001F; font-weight:bold;}




.cadre {border: 2px solid #003872;}

.calh1
{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;
	font-weight: bold;
	color: #003872;
	border-bottom: 1px solid #f7831b;
}
.calh2 {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #003872;
	text-decoration: none;
	border-bottom: 1px dotted #f7831b;
}
.calhh3
{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	font-weight: bold;
	background : url(../images/puce.jpg) no-repeat left top;
	padding-left : 14px;
}

.evt{
	padding:5px 5px 5px 0;
	font-size:14px;
}

.adr{
	border: 1px dashed #cc99cc;
	padding:7px;
}
.tend{
	border: 1px dashed #F13300;
	padding:7px;
}
.memb{
	border: 1px dashed #97001F;;
	padding:10px;
}
.shop{
	border: 1px dashed #7D7A51;
	padding:7px;
}
.rougetend10 {font-family: Georgia,"Times New Roman",Times,serif; font-size: 10px; color: #ffffff}
.rougetend10 a:link {color: #ffffff;text-decoration: underline;}
.rougetend10 a:visited {color: #ffffff;text-decoration:underline;}
.rougetend10 a:hover {color: #F13300;text-decoration:  none;}
.rougetend10 a:active {color: #F13300;text-decoration: none;}
.vr10shop {font-family: Georgia,"Times New Roman",Times,serif; font-size: 10px; color: #ffffff}
.vr10shop a:link {color:#ffffff;text-decoration: underline;}
.vr10shop a:visited {color: #ffffff;text-decoration:underline;}
.vr10shop a:hover {color: #AA6464;text-decoration:  none;}
.vr10shop a:active {color: #AA6464;text-decoration: none;}


.validerrouge{font-weight:bold; color:#FFFFFF; font-family:Verdana, Geneva, A sans-serif; border-top:2px #992A17 solid; width:110px; height:18px; background-image:url(/images/bouton_rouge.gif); text-align:center; border:0px; cursor:pointer;}

.validerjaune{font-weight:bold; color:#000; font-family: Georgia,"Times New Roman",Times,serif;padding:0 0 5px 0; width:100px; background-image:url(/images/btn_jaune.gif); text-align:center; border:0px; cursor:pointer; background-color:#FFF; text-decoration:none;}

.inputerreur{
	border-color:#CC0000 #CC0000 #CC0000 #CC0000;
	border-style:solid;	
	border-width:2px 2px 2px 2px;
}

table.login{width:80%;border-collapse:collapse;border-spacing:0;}
td.logincolgauche{vertical-align:top;padding:20px; margin:0;}
td.logincoldroite{vertical-align:top; }

table.loginbas{width:80%;background:#993366; padding:0; margin:0;  margin-left: auto; 
    margin-right: auto; }


.titrepub
{

color: #777778;
font-family: Georgia,"Times New Roman",Times,serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 85%;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
margin-bottom: 0.5em;
text-transform: uppercase;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.titrepub2
{

color: #ffffff;
font-family: Georgia,"Times New Roman",Times,serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 85%;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
margin-bottom: 0.5em;
text-transform: uppercase;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.titrepub3
{

color: #333333;
font-family: Georgia,"Times New Roman",Times,serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 85%;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
margin-bottom: 0.5em;
text-transform: uppercase;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
/* contact */

div.contact-content a {
text-decoration: none; 
color: #ffffff;
}
div.contact-content a:hover {
text-decoration: underline; 
}

/* page */

div.page {
padding: 3px;
margin: 3px;
text-align:center;
}

div.page a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #AAAADD;

text-decoration: none; /* no underline */
color: #003872;
}
div.page a:hover, div.digg a:active {
border: 1px solid #003872;

color: #000;
}
div.page span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #003872;

font-weight: bold;
background-color: #003872;
color: #FFF;
}
div.page span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #ffffff;
color: #ffffff;
}

/* tabs */

#tabs-1 a.revue, #tabs-5 a.revue , #evt a.revue{
background:transparent url(images/ecrire.gif) no-repeat scroll 0 50%;
border-width:0;
height:22px;
padding:3px 12px 0 23px;
white-space:nowrap;
}
#tabs-1 a:hover, #tabs-5 a:hover {
display:block;
float:left;
font-weight:bold;
padding-right:2px;
text-decoration:underline;
white-space:nowrap;
}
#tabs-1 a , #tabs-5 a {
display:block;
float:left;
font-weight:bold;
margin:0;
padding:0;
white-space:nowrap;
text-align:left;
vertical-align:top;
}
.titre-zoom h1{
clear:both;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:24px;
letter-spacing:3px;
line-height:24px;
position:relative;
text-transform:uppercase;
padding:20px;
text-align:center;
/*width:220px;*/
}
/* sections*/
.section{
/*position: relative; top: 0px; left: 0px; */
}
.section-titre, .section-titre h2 {
border-top:1px solid #E0E0E0;
border-bottom:1px solid #E0E0E0;
clear:both;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:3px;
line-height:16px;
position:relative;
text-transform:uppercase;
padding:0;
margin:0 0 10px 0;
color:#666;
text-align:left;

/*width:220px;*/
}
.section-titre h2 {
	
}
.plus{
float:right;
color:#E8531D;
text-decoration:none;
}
.plusleft{
float:left;
color:#E8531D;
text-decoration:none;
margin-left:0px;
}
.section-cont {
clear:left;
float:left;
margin-bottom:20px;
position:relative;
margin-top:10px;
}
.section-cont .section_img {
float:left;
position:relative;
width:200px;
}
.section-cont .section_txt {
float:left;
padding-top:5px;
position:relative;
width:200px;
}
.section-cont .section_left_img {
float:left;
position:relative;
width:75px;
}
.section-cont .section_right_txt {
float:right;
position:relative;
width:125px;
}
.section-cont .section_right_img {
float:right;
position:relative;
width:75px;
}
.section-cont .section_left_txt {
float:left;
position:relative;
width:125px;
}
.section-cont .section_left_img_100 {
float:left;
position:relative;
width:75px;
}
.section-cont .section_right_txt_70 {
float:right;
position:relative;
width:90px;
}
.section-cont .section_right_img_100 {
float:right;
position:relative;
width:75px;
}
.section-cont .section_left_txt_70 {
float:left;
position:relative;
width:90px;
}
.section-cont h3 {
color:#474747;
font-family: Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight: bold;
line-height:16px;
letter-spacing:2px;
}
.w170 {
width:170px;
}
.w220 {
width:220px;
}
.w450 {
width:450px;
}
.w750 {
width:750px;
}
.w550{
width:550px;
}
.listing {
padding-top: 10px;

}

	
.listing_img {
display:inline;
float:left;
margin:10px 10px 10px 0;
position:relative;
width:150px;
}

.listing_txt {
display:inline;
float:right;
position:relative;
margin:0 10px 10px 0;
width:250px;

}
.listing_espace {
background:url("/images/dot.gif") repeat-x scroll 0 73% transparent;
margin-top:10px;
clear:both;

}
.listing h3 {
color:#474747;
font-family: Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
}
.espace {
margin:0;
clear:both;
font-size:0;
height:10px;
line-height:10px;
}
.espace15 {
margin:0;
clear:both;
font-size:0;
height:15px;
line-height:15px;
}
.espace10 {
margin:0;
clear:both;
font-size:0;
height:10px;
line-height:10px;
}
.espace20 {
margin:0;
clear:both;
font-size:0;
height:20px;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-weight:bold;
line-height:17px;
color: #900;
text-align:center;
letter-spacing:2px;
}
.espace20 a {color:#97001F; font-weight: bolder;}
.espace20 a:hover {color:#8EB5EF;text-decoration:none;}
/* agenda */
.agenda-titre {
color:#E8531D;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:10px;
position:relative;
padding:5px 0;
margin:0;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:14px;
letter-spacing:2px;
line-height:10px;
text-transform:uppercase;
}
.agenda-content {

}
.agenda-ligne {
/*border-bottom:1px solid #E2E2E2;*/
padding-bottom:5px;
padding-top:5px;
}
.agenda-sep {
height:10px;
border-bottom:1px solid #E2E2E2;
}
/* links dans agenda-ligne */
.agenda-ligne a:link {color: #494949; text-decoration:none;}
.agenda-ligne a:visited {color: #494949;  text-decoration:none;}
.agenda-ligne a:hover { color: #E8531D; text-decoration:none;}
/* offres privilege */
.offre-content {
border-left:1px solid #DDDDDD;
width:280px;
}
.offre-ligne {
/*border-bottom:1px solid #E2E2E2;*/
padding-bottom:5px;
padding-top:5px;
position:relative;
}
.offre-image {position:relative;height:100%;width:100px;padding:10px;float:left; }
.offre-texte{position:relative; width:120px;height:100%;padding:0px 10px;float:right; }
.offre-sep {
height:10px;
border-bottom:1px solid #E2E2E2;
clear:both;
}
/* links dans agenda-ligne */
.offre-ligne a:link {text-decoration:none;}
.offre-ligne a:visited {  text-decoration:none;}
.offre-ligne a:hover { color: #ec426f; text-decoration:none;}
/* quick search */
form.quicksearch {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F7F7F7 none repeat scroll 0 0;
padding:10px;
}
.search-blue {
color:#003872;
font-family:Georgia,"Times New Roman",Times,serif;;
font-size:10px;
position:relative;
padding:0;
margin:0;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:10px;
}
/* loisirs cooking */
.cook {
float:left;
position:relative;
width:200px;
margin:10px;
padding:0;
}

/* menu dhtml */
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 950px;
	height:35px;
	list-style: none;
	position: relative;
	background: url(/images/topnav-stretch-blanc.gif) repeat-x;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:1px;
	line-height:13px;
	position:relative;
	text-transform:uppercase;
	border:1px solid #DDDDDD;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	height:35px;
	border-right: 1px solid #DDDDDD;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #003872;
	text-decoration: none;
}
ul#topnav li:hover { background: #8E8E8E url(/images/topnav_active.gif) repeat-x; text-decoration: underline;}
ul#topnav li span {
	float: left;
	padding: 10px 0;
	position: absolute;
	left: 0; top:35px;
	text-align: left; 
	display: none;
	width: 950px;
	background: #EEE;
	color: #000;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}
/* bloc idées shopping */
#idees  {
position:relative;
clear:both;
width:450px;
padding:0;
margin:0;
}
#idees ul {
height:120px;
list-style:none outside none;
margin:0;
padding:0;
width:450px;
}
#idees ul li {
color:#1F638A;
display:block;
float:left;
height:120px;
padding:10px 0 0 0;
margin:0;
width:112px;
}


div.musthave h3 {
padding:0;
margin:0 0 10px 0;
clear:both;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:3px;
position:relative;
text-transform:uppercase;
height:20px;line-height:20px;
text-align:center;
}


/* box newsletter*/
div.letter {
	background:url("/images/lettre2.gif") no-repeat scroll 0 0 transparent;
	height:180px;
	background-color:#ECEAE8;
	font-family:Georgia,"Times New Roman",Times,serif;
clear:both;
margin: 0;
padding:0;
width:299px;
}
div.letter h3 {
padding:0;
margin:0;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:3px;
text-transform:uppercase;
line-height:1.4;
text-align:center;
}
div.letter a:link p, div.letter a:active p, div.letter a:visited p{ color:#666; text-decoration:none; margin:0; padding:0;}
div.letter a:hover p { color: #5389AF;}
div.letter a:link div.letterlist, div.letter a:active div.letterlist, div.letter a:visited div.letterlist { color:#666; text-decoration:none;}
div.letter a:hover div.letterlist{ color: #5389AF;}

.letterlist {
padding: 0;
margin:0 5px 0 60px;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-weight:normal;
font-style:normal;
font-variant:normal;
line-height:16px;
list-style:none;
letter-spacing:1px;
}
div.letter180 {
	background:url("/images/lettre180.png") no-repeat scroll 0 0 transparent;
	height:230px;
	background-color:#ECEAE8;
	font-family:Georgia,"Times New Roman",Times,serif;
clear:both;
margin: 0px;
}
div.letter180 h3 {
margin:0;
padding-left:5px;
padding-right:5px;
padding-top:0;
padding-bottom:0;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-weight:bold;
font-variant:normal;
font-weight:normal;
letter-spacing:1px;
line-height:20px;
position:relative;
text-transform:uppercase;
}

/* box quartier */
div.quartier{
clear:both;
margin:0;
padding:0;
width:299px;
}
div.quartier h3 {
font-size:16px;
letter-spacing:3px;
text-transform:uppercase;
text-align:center;
padding:0;
margin:15px 0 0 0;
}
#quartier h3 a:link, #quartier h3 a:hover, #quartier h3 a:visited, #quartier h3 a:active {
font-size:14px;
font-style:italic;
font-weight:bold;
margin-bottom:5px;
padding-right:10px;
font-family:Georgia,"Times New Roman",Times,serif;
color: #5389AF; 
}
#quartier, #quartier h4   {
   color: #222222;
   font-family: arial, sans-serif;
   font-size: 13px;
   font-size-adjust: none;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 16px;
   padding:0;
   width: 299px;
}
#quartier h4 {
  margin:0;
  padding-left:20px;
  padding-top:4px;
  padding-bottom:4px;

}
#quartier h4 a:link, #quartier h4 a:hover, #quartier h4 a:visited, #quartier h4 a:active {display:inline; color: #5389AF; font-family: arial, sans-serif; font-weight:bold; font-style:normal; letter-spacing:1px;}
#quartier .separateur {
   clear: both;
   width: 100%;
   line-height: 1px;
   margin: 0;
   padding: 0;
   border-bottom: 1px dotted #c8c8c8;
}
/*partenaire*/
div.partenaire h3 {
padding-left:50px;
padding-right:0;
padding-bottom:0;
padding-top:0;
margin:0;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:3px;
position:relative;
text-transform:uppercase;
}



/* box revue */
div.revue h3 {
text-align:center;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:3px;
position:relative;
text-transform:uppercase;
}
#revue .texte{
   color: #222;
   font-family: Georgia,"Times New Roman",Times,serif;
   font-size: 13px;
   font-size-adjust: none;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 16px;
   padding-left: 10px;
   padding-right:0;
   padding-bottom:10px;
   padding-top:0;
}
#revue h4 {
  margin:0;
  padding-left:20px;
  padding-top:4px;
  padding-bottom:4px;
  font-size: 13px;
  color:#666;
  line-height:1.4; 
}
#revue h4 a:link, #revue h4 a:hover, #revue h4 a:visited, #revue h4 a:active {display:inline; color: #5389AF; font-family: arial, sans-serif; font-weight:bold; font-style:normal; letter-spacing:1px;font-size: 13px;line-height:1.4; text-align:left;}

#revue .separateur {
   clear: both;
   width: 100%;
   line-height: 1px;
   margin: 0;
   padding: 0;
   border-bottom: 1px dotted #c8c8c8;
}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
		height:300px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:300px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */





.tableau {
	border: 1px solid #DDDDDD;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg_table.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 10px;
	background-color: #FFF;
	overflow: hidden;
}

.tableau p {
margin:0px;
}

.tableau h2 {
    border-width: 1px;
    color: #E34A8A;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: left;
    text-transform: uppercase;
}

.float-right {
    clear: left;
    float: right;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 0;
}
.brdr-fb {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 3px;
}
.btn, .btn a {
    background: -moz-linear-gradient(center top , #BB4275, #920F45) repeat scroll 0 0 transparent;
    border: 0 solid #920F45;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    color: #FFFFFF !important;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}


.top-num {
color:#FFF;
font-size:16px;
font-style:italic;
text-align:center;

}

.top-image {
padding:0px;
text-align:center;
}

.top-case {
padding:0 10px;
text-align:center;

}


/* CARROUSEL HOME PAGE */

.gpm-slider {
	margin: 15px 0;
	position: relative;
	width: 302px;
	height: 200px;
}
.gpm-container-slide {
	position: relative;
	width: 302px;
	height: 200px;
}
.gpm-slide {
	width: 302px;
	height: 200px;
	position: relative;
	border-radius: 4px;
	float: left;
}
.gpm-slide a, .gpm-slide a:hover {
	display: block;
	color: #FFF;
	position: absolute;
	left: 0;
	top: 0;
}
.gpm-slide .gpm-title {
	position: absolute;
	color: #FFF;
	width: 302px;
	height: 70px;
	bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	font-family: Georgia,"Times New Roman",Times,serif;
}
.gpm-slide a > img {
	border-radius: 4px;
}
.gpm-slide .gpm-title .gpm-info {
	color: #FFF;
	margin: 5px 0 0 5px;
	font-size: 12px;
	position: relative;
}
.gpm-slide .gpm-title .gpm-desc {
	color: #FFF;
	margin: 5px 0 0 5px;
	font-size: 13px;
	font-weight: bold;
	position: relative;
}

#gauche1, #gauche2 {
	color: #EC426F;
	position: absolute;
	left: 10px;
	top: 85px;
	cursor: pointer;
	background-image: url(images/fleche_gauche.png);
	height:15px;
	width:13px;
	z-index: 1000;
}
#droite1, #droite2 {
	color: #EC426F;
	position: absolute;
	right: 10px;
	top: 85px;
	cursor: pointer;
	background-image: url(images/fleche_droite.png);
	height:15px;
	width:13px;
	z-index: 1000;
}

.filtre_item_selected {
	font-weight: bold;
}

.carousel_container .pagination {
	position: absolute;
	width: 100%;
	bottom: 10px;
	left: 0px;
	text-align: center;
}
.carousel_container .pagination div {
	display: inline-block;
	background: url(core/css/css-images/slides.pagination.png);
	width: 10px;
	height: 10px;
	margin: 0 2px;
	cursor: pointer;
	z-index: 1000;
}
.carousel_container .pagination div.selected {
	background: url(core/css/css-images/slides.pagination.png);
}


/*********************************************************** PAGINATION ***********************************************************/

#pagination {
  text-align: center;
  position: relative;
}
.inline {
  display: inline-block;
}
#pagination a {
  border: 1px solid #CCC;
  padding: 3px;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
}
#pagination a#current {
  background: #F2F2F2;
  border: 1px solid #666;
}

/*********************************************************** Recherche auto-completion ***********************************************************/

.break { clear:both; }

/* SEARCH FORM */
#searchform { margin:50px 200px; font-size:18px; }
#searchform div { color:#eeeeee; }
#searchform div input { font-size:18px; padding:5px; width:320px; }
#suggestions{ position: relative; left:235px; width:320px; display:none; }

/* SEARCHRESULTS */
#searchresults { border-width:1px; border-color:#919191; border-style:solid; width:320px; background-color:#EC426F; font-size:10px; line-height:14px; }
#searchresults a { display:block; background-color:#e4e4e4; clear:left; height:38px; text-decoration:none; }
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults a img { float:left; padding:5px 10px; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;
			background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }

/*********************************************************** Carousel ***********************************************************/

#slides {
	position:relative;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:630px;
	height:250px;
	overflow:hidden;
	position:relative;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:630px;
	height:250px;
	display:block;
}

/*
	Next/prev buttons
*/

#slides .prev {
	position: absolute;
	top: 120px;
	margin-left: 10px;
	
	/*width:24px;
	height:43px;*/
	display:block;
	z-index:101;
}

#slides .next {
	position: absolute;
	top: 118px;
	margin-right: 10px;
	
	/*width:24px;
	height:43px;*/
	display:block;
	z-index:101;
}

#slides .next {
	right:0px;
}

/*
	Pagination
*/

.pagination {
	width: 100%;
	position: absolute;
	margin-top: -25px;
	z-index: 1000;
	padding: 0;
	text-align: center;
}

.pagination li {
	margin: 0 1px;
	list-style: none;
	display: inline-block;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url("core/css/css-images/slides.pagination.png");
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

#cookie {
	background: #000;
	z-index: 500;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 65px;
	border-top: 1px solid #efebee;
	font-size: 15px;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	text-align: center;
	color: white;
}

#cookie a.btn_cookie {
	background: white;
	padding: 5px 10px;
	float: right;
	color: #0075BE;
	text-decoration: none;
	height: 55px;
	line-height: 50px;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

#cookie a.btn_cookie:hover {
	background: #593733;
	color: white;
}

#cookie a.lien {
	color: #66035E;
}



#cookie.closed {
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}