body {
	background-image: url(../img/bgtop.jpg);
	background-repeat: repeat-x;
	margin: 0;
	background-color: #dadada;
	}
	
.ajustintro{
	display:block;
	float: right;
		width:747px;
}

a.theintro{
	display:block;
	float: left;
	width:190px; 
	height:110px; 
	margin: 20px 0 0 10px;
	cursor:pointer;
}
	
ul.menu li { 
	display : inline;
	padding : 0 1px; /* Pour espacer les boutons entre eux */
}
ul.menu {
	float: right;
	list-style-type : none;
	width:755px;
	margin: 12px 0 0 0;
}

.menu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

.menu a:hover{
color:#cb0133;	
}
.bgheader{
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
	width : 980px;
	height : 266px;
	margin-left: auto; 
	margin-right: auto; 
	overflow:hidden;
}
.centre{
	background-image: url(../img/bgtotal.jpg);
	background-repeat: repeat-y;
	width : 980px;
	height : 100%;
	margin-left: auto; 
	margin-right: auto;
	overflow:hidden;
	}
.gauche{
	width : 222px;
	height : 100%;
	float: left;
	overflow:hidden;
}
.principal{
	width : 754px;
	height : 100%;
	float: right;
	overflow:hidden;
	}
a.serv {
	display:block;
	background-image: url(../img/bgserv.jpg);
	background-repeat: no-repeat;
	height:40px;
	line-height:40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	margin: 0 0 0 0px;
}
a.serv:hover{
color:#cb0133;	
}
/*------------------------------------------- Pied ------------------------------------------*/
.bas{
	background-image: url(../img/pied.jpg);
	background-repeat: no-repeat;
	width : 980px;
	height : 36px;
	margin-left: auto; 
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	clear:both;
	/*overflow:hidden;*/
}
a.triclic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #f8c105;
	text-decoration: none;
	margin: 0 0 0 0px;
}
a.triclic:hover{
	color:#000000;	
}	
/*-------------------------------------------- page de garde -------------------------------------------*/
.tabint01{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #000000;
width:225px;
}
.tabint02{
text-align:left;
width:2px;
border-right: 1px dotted #CB0133;
}
.titregarde {
	display:block;
	/*display : inline;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color:#CB0133;
	border: 1px dotted #000000;
	margin: 2px 0 0 0px;
	width:730px;
	height:20px;
	line-height:20px;
}
.titregarde2 {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#CB0133;
	border: 1px dotted #000000;
	margin: 2px 0 0 0px;
	width:730px;
	text-align: center;	
}
.garde01{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #0695B5;
width:225px;
font-weight: bold;
}
.garde02{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
width:225px;
}
.gardealign01 {
display:block;
vertical-align: middle;
text-align: center;	
border:0px;
}	
.gardealign02 {
display:block;
vertical-align: middle;
text-align: right;	
border:0px;
}	
/*-------------------------------------------- Rubrique visi --------------------------------------------*/
.rubrique1{
	/*display:block;*/
	background-image: url(../img/bgref.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	width : 200px;
	height : 230px;
	float: left;
	margin: 0 0 0 35px ;
	text-align: center;	
	}
.rubrique2{
	/*background-image: url(../img/rubrique.jpg);
	background-repeat: no-repeat;*/
	width : 730px;
	height : 100%;
	float: left;
	margin: 0 0 0 10px ;
	text-align: left;	
	}	
/* ---------------------------------------------     Balise image      -----------------*/
.valign {
vertical-align: middle;
border:0px;
}	
.valignt {
vertical-align: top;
border:0px;
}
/* ---------------------------------------------     Balise texte     -----------------*/
.ecot{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	margin: 0 0 0 0px;
}
.centrage{
	text-align:center;
}
.gauchage{
	text-align:left;
}	
.droitage{
	text-align:right;
}		
.contenu {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	margin: 0 0 0 10px;
}
a.categ {
	display:block;
	background-image: url(../img/bgcat2.jpg);
	background-repeat: no-repeat;	
	height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	margin: 5px 0 0 10px;
	line-height:25px;
}
a.categ:hover{
	background-image: url(../img/bgcat3.jpg);
	background-repeat: no-repeat;	
	color:#000000;	
}
.gamme {
	display:block;
	background-image: url(../img/bgcat.jpg);
	background-repeat: repeat-y;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	margin: 0 0 0 0;
}
.titrecontenu {
	/*display:block;*/
	display : inline;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #CB0133;
	margin: 2px 0 0 10px;
}
.prix {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #CB0133;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 0 0;
}
a.base {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	margin: 0 0 0 0px;
}
a.base:hover{
	color:#cb0133;	
}	
/* ---------------------------------------------     tableau reference dans le rubrique     -----------------*/
.tabl00{
text-align:center;
border-top:1px solid black;
border-right:1px solid black;
border-left:1px solid black;
background-color:#ffffff;
width:725px;
}
.tabl01{
text-align:center;
width:120px;
background-color:#FFFFFF;
}
.tabl02{
text-align:center;
width:80px;
background-color:#cfe3e8;
}
.tabl03{
text-align:center;
width:150px;
background-color:#cfe3e8;
}
.tabl04{
text-align:center;
width:250px;
background-color:#cfe3e8;
}
.tabl05{
text-align:center;
width:80px;
background-color:#cfe3e8;
}
.tabl06{
text-align:center;
width:60px;
background-color:#cfe3e8;
}
/*------------------------*/
.tabl0011{
text-align:center;
}
.tabl011{
text-align:center;
width:120px;
}
.tabl021{
text-align:center;
width:80px;
}
.tabl031{
text-align:center;
width:150px;
}
.tabl041{
text-align:center;
width:250px;
}
.tabl051{
text-align:center;
width:80px;
}
.tabl061{
text-align:center;
width:60px;
}
/* ---------------------------------------------     tableau nouveaute     -----------------*/
.tabl000{
text-align:center;
border-bottom:1px solid black;
}
.tabl001{
text-align:center;
width:20px;
}
.tabl002{
text-align:left;
width:500px;
}
.tabl003{
text-align:center;
width:150px;
}
.tabl004{
text-align:center;
width:100px;
}
a.lien01 {
	/*display:block;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0695B5;
	text-decoration: none;
	margin: 0 0 0 10px;
}
a.lien01:hover{
color:#000000;	
}
/* ---------------------------------------------     tableau fiche produit     -----------------*/
.tabl1{
text-align:center;
margin: 0 0 0 10px;
}
.tabl2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
font-style: normal;
color: #0695B5;
text-align:left;
width:250px;
}
.tabl3{
text-align:center;
width:5px;
border-left: 1px dotted #CB0133;
}
.tabl4{
text-align:left;
width:450px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
vertical-align:top;
}
.tabl5{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-align:center;
width:250px;
}
.tabl6{
text-align:center;
width:250px;
}
.tabl7{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-align:center;
width:450px;
}
/*--------------------------------------------- tableau caddie-------------------------------------*/
.cad011{
text-align:center;
background-color:#cfe3e8;
}
.cad01{
text-align:center;
width:700px;
background-image: url(../img/bgcat2.jpg);
background-repeat: repeat-x;	
background-position:bottom left;
}
.cad02{
text-align:center;
width:120px;
}
.cad03{
text-align:left;
vertical-align:top;
width:270px;
}
.cad04{
text-align:center;
width:100px;
}
.cad05{
text-align:center;
width:50px;
}
.cad06{
text-align:center;
width:50px;
}
.cad07{
text-align:right;
width:100px;
}
.cad08{
text-align:center;
width:100px;
}
a.liencad{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #cb0133;
	text-decoration: none;
	font-weight: bold;	
	margin: 0 0 0 0px;
}
a.liencad:hover{
	color:#0695b5;	
}	
.boutonlien {
	background: transparent;
	border: 0px;
	cursor: pointer;
	text-decoration: none;	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #cb0133;
	text-decoration: none;
	font-weight: bold;	
}	
.minicadimg{
text-align:center;
vertical-align:middle;
border:none;
}
a.minicad{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	font-size: 12px;
	font-style: normal;	
	float: left ;
	text-align:center;
	margin-top: 233px;
	margin-left:-190px;
	background-color: #FFFFFF;	
}
/*------------------------------------- Commande ------------------------------------------------*/
.com01{
width:700px;
}
.com02{
text-align:right;
width:120px;
}
.com03{
text-align:left;
vertical-align:top;
width:410px;
}
.com04{
text-align:center;
width:30px;
}
.com05{
text-align:right;
width:70px;
}
.com06{
text-align:left;
width:580px;
}
.com07{
text-align:left;
width:40px;
}
.com08{
text-align:right;
width:580px;
}
.com09{
text-align:center;
width:700px;
}
.com10{
text-align:center;
width:120px;
}
.comimg{
vertical-align:middle;
border:none;
}
/*-------------------------------------- CGV ------------------------------------------------------*/
.cgv01{
text-align:left;
width:700px;
}
/*-------------------------------------- Commande ------------------------------------------------------*/
.commande{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
	vertical-align:top;
}	
.comm01{
text-align:center;
width:700px;
}
.commande02{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;	
}	
/*-------------------------------------------- Administration-------------------------------*/
.rubrique3{
	/*display:block;*/
	background-image: url(../img/bgref.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	width : 200px;
	height : 200px;
	float: left;
	margin: 10px 0 0 35px ;
	text-align: center;	
	}
a.admi01{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #cb0133;
	text-decoration: none;
	font-weight: bold;	
	margin: 0 0 0 0px;
}
a.admi01:hover{
	color:#0695b5;