/**
 * Framework
 */
 
body	{margin: 0px;}
img		{border: 0px; vertical-align: bottom;}
p			{margin-top: 0px}
form	{margin: 0px;}

strong,.strong	{font-weight: bold}

.conteneur{
	overflow: auto;
	height: 1%;
}

.center{text-align: center;}

.align_right{
	float: right;
}

.align_left{
	float: left;
}

p.error{
	background: red;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

/**
 * Titres
 */
h2{
	font-family: verdana, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 15px 0;
	color: #333;
}

h3{
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 15px 0;
	background: url(../images/fleche_verte.png) transparent no-repeat 0px 0px;
	padding: 3px 0 3px 25px;
}

/**
 * Liens
 */
a:link, a:visited{color: #000; text-decoration: underline;}
a:hover{color: #000; text-decoration: none;}

/**
 * General Site
 */
body{
	background: url(../images/bg.jpg) #ffe6ab repeat-x top left;
}

#general{
	position: relative;
	width: 980px;
	margin: auto;
	background-color: #fdc400;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000;
	padding-bottom: 15px;
}

#logo{
	vertical-align: bottom;
}

#conteneur_general{
	overflow: auto;
	height: 1%;
	background: url(../images/demi-lune.png) transparent no-repeat top right;
	margin-bottom: 20px;
}

#colgauche{
	float: left;
	width: 177px;
	background: url(../images/bg_colgauche.png) transparent repeat-y right 50px;
	margin-top: 70px;
}

#coldroite{
	float: left;
	width: 737px;
	padding: 25px 33px 0px 33px;
}

#footer{
	border: 1px solid #000;
	background-color: #ffe6ab;
	padding: 10px;
	text-align: right;
	margin: 0 10px 0 10px;
}


/**
 * Menu
 */
ul#menu{
	list-style-type: none;
	padding: 0px;
	margin: 10px 0 0 8px;
}

ul#menu li a{
	display: block;
	width: 163px;
	height: 30px;
	background: url(../images/menu.png) transparent no-repeat top left;
	text-indent: -9999px;
}

a#m_accueil:link, a#m_accueil:visited{background-position: 0px 0px;}
a#m_accueil:hover{background-position: -163px 0px;}

a#m_boutiques:link, a#m_boutiques:visited{background-position: 0px -30px;}
a#m_boutiques:hover{background-position: -163px -30px;}

a#m_news:link, a#m_news:visited{background-position: 0px -60px;}
a#m_news:hover{background-position: -163px -60px;}

a#m_promos:link, a#m_promos:visited{background-position: 0px -90px;}
a#m_promos:hover{background-position: -163px -90px;}

a#m_fidelite:link, a#m_fidelite:visited{background-position: 0px -120px;}
a#m_fidelite:hover{background-position: -163px -120px;}

a#m_charte:link, a#m_charte:visited{background-position: 0px -150px;}
a#m_charte:hover{background-position: -163px -150px;}

a#m_mailing:link, a#m_mailing:visited{background-position: 0px -180px;}
a#m_mailing:hover{background-position: -163px -180px;}

a#m_contact:link, a#m_contact:visited{background-position: 0px -210px;}
a#m_contact:hover{background-position: -163px -210px;}

/**
 * Image promo
 */
 
 
#promo_accueil, #img_promo_accueil, #txt_promo_accueil{
	margin: 0px 0 0 8px;
}

#img_promo_accueil{
	margin-top: 10px;
}

#txt_promo_accueil{
	font-weight: bold;
}

/**
 * News accueil
 */
#news_accueil{
	border: 1px solid #000;
	margin: 10px 0 10px 8px;
	background-color: #ffe6ab;
	padding: 10px 5px 10px 5px;
	width: 151px;
}

p.detail_news{
	padding-left: 10px;
	background: url(../images/fleche_news.png) transparent no-repeat 0px 5px;
}

p.detail_news a:link, p.detail_news a:visited{color: #000; text-decoration: none;}
p.detail_news a:hover{color: #000; text-decoration: underline;}

/**
 * Navigation pages
 */
#navpages{
	text-align: center;
	font-weight: bold;
	color: #333;
}

#navpages span{
	padding-left: 20px;
}