/* balise html */
body {
        background: rgb(193, 193, 193) url(../images/design/bg_body.png) repeat-x;
	/*background : #C1C1C1; url(../images/design/texture_carbone.jpg) repeat fixed;*/
	text-align: center;
	color : black;
	margin : 0 auto;
	padding: 0;
	font-size: x-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	color: #FF9900;
	text-decoration: underline;
}

ul,li {
	list-style: none;
        margin: 0;
	padding: 0;
}
h2 {
	font-size: small;
}

h3, h4 {
	font-size: x-small;
}

img {
	border: 0;
}


/* calques id */

#conteneur {
	border: 1px solid #0568B2;
	background: white url(../images/design/bg_cat.png) repeat-y;
	margin: 0 auto;
	width: 900px;
	text-align: center;
}

#haut {
	height : 155px;
	background: url(../images/design/header.png);
}

#menuhaut {

}

#catalogue {
	float: left;
	text-align: left;
	width: 200px;
}
#spacer_cat {
	background: url(../images/design/bg_cat_spacer.png) no-repeat;
	height: 45px;
}
#catalogue ul li{
	background: url(../images/design/bg_cat_li.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 0;
}
#catalogue ul li span  {
	line-height: 23px;
	text-transform: capitalize;
	font-size: small;
	font-weight: bold;
	color: white;
}
#catalogue ul li span a{
	color: white;
}
#catalogue ul li a:hover{
	color: #FF9900;
}
#catalogue ul li ul li{
	background: url(../images/design/bg_cat_li_li.png) repeat-y;
	margin: 0;
	padding: 0 0 2px 10px;
	line-height: 13px;
}
#catalogue ul li ul li a{
	text-transform: capitalize;
	font-size: x-small;
	font-weight: bold;
}
#logo {
	text-align: left;
}
#copyrights {
	font-size : x-small;
	padding: 65px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	width: 665px;
}

#copyrights a {
	color : black;
}

#contenu {
	padding: 0 10px 0 10px;
	text-align: left;
	float: right;
	width: 680px;
}

#contenu table, #contenu form {
	border-collapse: collapse;
	border: 1px solid #0568B2;
        margin-top: -10px;
}

#contenu table {
	text-align: center;
}

#nouveautes {
	text-align: center;
}

#presentationproduit {
	top: 10px;
	width: 680px;
}

#contenu h2 {
	margin: 10px 0 10px -1px;
	background: url(../images/design/bg_contenu_h2.png) no-repeat;
	line-height: 23px;
	color: black;
	text-align: center;
	width: 140px;
	height: 25px;
}

#accueil_principal_mil, #accueil_principal_bak {
	float: left;
}

#accueil_principal_mil table {
	width: 518px;
}

#accueil_principal_bak table {
	width: 463px;
}

#promotions_mil, #promotions_bak, #magasin_mil, #magasin_bak {
	padding: 0;
	margin: 0;
	float: right;
}

#promotions_mil table, #magasin_mil table {
	width: 150px;
}

#promotions_bak table, #magasin_bak table {
	width: 205px;
}

/* claques class */

.premiereligne {
	background: url(../images/design/bg_table_head.png);
	height: 25px;
	font-weight: bold;
	font-size: x-small;
	text-align: center;
}

.lignepair {
	background: #D9EDFF;
}
.ligneimpair {
        background: #EAEAEA;
}
.lignepair:hover, .ligneimpair:hover {
	color: red;
	background: #FFF0D9;
}
.lignepair:hover a, .ligneimpair:hover a{
	color: red;
}

.message {

}

.messageimportant {

}

.textbox {

}



.pagination ul, .pagination li  {

	padding: 0;

	margin: 0;

	list-style-type: none;

	list-style-image: none;

}

.pagination li, .bouton_achat_en_ligne {

	color: white;

	font-size: x-small;

	font-weight: bold;

        height: 22px;

        line-height: 22px;

	margin: 0 10px 0 10px;

	text-align: center;

	float: left;

	width: 130px;

	background: url(../images/design/bg_menu_a.png) no-repeat;

}

.bouton_achat_en_ligne
{
	float: none;
}	

.pagination li a, .bouton_achat_en_ligne a

{

	display: block;

	color: white;

	text-decoration: none;

	text-align: center;

}


.formulaire .ligne_form {
	border-bottom: 1px solid white;
	padding: 3px 0 3px 0;
	background: #D9EDFF;
}

.formulaire label {	
	display: inline;	
	float: left;
	text-align: right;
	width: 180px;
	padding: 0 10px 0 0;
}

.formulaire input, .formulaire textarea {
	background: #EAEAEA;
	border: 1px solid #999999;
	width: 400px;
}

.formulaire input:hover, .formulaire textarea:hover {
	background: #FFF0D9;
}

.formulaire .envoyer_form {
	background: #D9EDFF;
	padding: 3px 0 3px 190px;
}

.formulaire .envoyer_form input {
	width: 402px;
}

.formulaire #message {
	height: 200px;
}

.bouton {

}

.admin {
        background-color: #5F5F5F;
        font-size: small;
        width: 100%;
        text-align: center;
        color: #ADADAD;
}

.admin table {
        font-size: small;
        color: #ADADAD;
}

.admin a {
        text-decoration: underline;
}

.admin a:hover {
        text-decoration: underline;
}

.menu_membre {
        text-align: center;
}

#bas_bak {
	clear: both;
	background: white url(../images/design/footer_bak.png);
	height: 100px;
}
#bas_mil {
	clear: both;
	background: url(../images/design/footer_mil.png);
	height: 100px;
}

#menu {
	padding: 0;
	margin: -24px 0 0 420px;
	text-align: right;
}

#menu ul, #menu li  {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}
#menu li, #magasin_mil span, #magasin_bak span {
	color: black;
	font-size: small;
	font-weight: bold;
        height: 22px;
        line-height: 22px;
	margin: 0 10px 0 10px;
	text-align: center;
	float: left;
	width: 130px;
	background: url(../images/design/bg_menu_a.png) no-repeat;
}

#menu li a, #magasin_mil span a, #magasin_bak span a {
	display: block;
	color: white;
	text-decoration: none;
	text-align: center;
}

#menu li a:hover, #magasin_mil span a:hover, #magasin_bak span a:hover {
	color: #FF9900;
}

#lienshop
{
	float : right;
	font-size : x-large;
	color : white;
	padding : 40px 15px 0px 0px;
}
#lienshop a
{
 	color : white;
 	text-decoration : underline;
}