
/************** Pour le paging **************/
	.paging{
		font-family:Verdana, sans-serif;
		font-size:11px;
		color:#963643;
		font-weight:bold;
	}
	.paging a{
		font-family:Verdana, sans-serif;
		font-size:11px;
		color:#4d4d4d;
		text-decoration:none;
	}
	.paging a:hover{
		font-family:Verdana, sans-serif;
		font-size:11px;
		color:#963643;
		text-decoration:underline;
	}

/*
/*******************************************/

/* --- GÉNÉRAL --- */
*{
	margin:0px;
	padding:0px;
}
img {
	border: none;
}

html,body{
  margin:0;
  padding:0;
  height:100%;
  border:none;
  font-family:Verdana, sans-serif;
  font-size: 12px;
}
html{
  overflow:auto;
}

.center{
	text-align:center;
}
.center2{
	margin: 0 auto;
	width: 300px;
}
.center3{
	margin: 0 auto;
	width: 700px;
}
.clear{
	clear:both;
}
/* -- MISE EN PAGE -- */
	

/* --- BLOC CONTENEUR GLOBAL --- */
.all{
	height: 100%;
	width: 788px;
	margin:0 auto;
}
/* --- ENTETE --- */
#header {
	margin-top: 0; /* évite tout risque de fusion des marges */
	height:160px;
}
/* --- PIED DE PAGE --- */
#footer {
	height: 42px;
	padding-top:5px;
}

/* --- MENU --- */
#menu {
	width:183px;
	z-index:0;
}
html>body #menu{	
	height:100%;
}
* html body #menu{
	height:580px;
}
#menu .contenu-menu, #menu .contenu-menu_vert{
	height:100%;
	position:relative;
}

#menu .contenu-menu2, #menu .contenu-menu2_vert, #menu .contenu-menu2_rouge, #menu .contenu-menu2_bleu, #menu .contenu-menu2_defaut, #menu .contenu-menu2_jaune{
	height:100%;
	padding-top:8px;
}
#menu .contenu-menu3{
	width:170px;
	margin:0 auto;
	text-align:center;
}

#menu .contenu-menu, #menu .contenu-menu_defaut{
	background: url(images/picto_01.jpg) no-repeat top left #b8d1ea;
}	
#menu .contenu-menu2, #menu .contenu-menu2_defaut{
	background: url(images/picto_02.jpg) no-repeat bottom left;
}

#menu .contenu-menu_vert{
	background: url(images/picto_01_vert.jpg) no-repeat top left #b7debf;
}	
#menu .contenu-menu2_vert{
	background: url(images/picto_02_vert.jpg) no-repeat bottom left;
}

#menu .contenu-menu_rouge{
	background: url(images/picto_01_rouge.jpg) no-repeat top left #F7B0AC;
}	
#menu .contenu-menu2_rouge{
	background: url(images/picto_02_rouge.jpg) no-repeat bottom left;
}

#menu .contenu-menu_bleu{
	background: url(images/picto_01_bleu.jpg) no-repeat top left #c5e1f6;
}	
#menu .contenu-menu2_bleu{
	background: url(images/picto_02_bleu.jpg) no-repeat bottom left;
}

#menu .contenu-menu_jaune{
	background: url(images/picto_01_jaune.jpg) no-repeat top left #fee2b2;
}	
#menu .contenu-menu2_jaune{
	background: url(images/picto_02_jaune.jpg) no-repeat bottom left;
}
#menu .boutonoff{
	font-family:Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
	width:170px;
	height:32px;
	background: url(images/btn_bleu_off.jpg) top left no-repeat;
	text-align: left;
	padding-left:5px;
	padding-top:5px;
	margin-bottom:1px;
}
#menu .boutonon{
	width:170px;
	height:32px;
	background: url(images/btn_bleu_on.jpg) top left no-repeat;
	text-align: left;
	padding-left:5px;
	padding-top:5px;
	margin-bottom:1px;
}
html>body #menu .boutonoff, html>body #menu .boutonon{
	width:165px;
	height:27px;
}

#menu a .boutonoff , #menu a .boutonon {
	font-family:Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
}
/* -- ----------  -- */


/* -- LANGUES  -- */
.langues{
	position:absolute;
	top:134px;
	margin-left:12px;
}
.langues a{
	color:#7f98cc;
	border-left:solid 1px #7f98cc;
}
.langues a:hover, .langues a.on{
	color:#FFFFFF;
	border-left:solid 1px #FFFFFF;
}



/* -- RECHERCHE  -- */
.recherche{
	position:absolute;
	top:124px;
	margin-left:239px;
}
.bordure{
	margin:0px;
	padding:0px;
	font-family:Verdana, sans-serif;
	font-size: 11px;
	color:#99979b;
	border-top:solid 1px #616065;
	border-left:solid 1px #616065;
	border-right:solid 1px #f0f0f0;
	border-bottom:solid 1px #f0f0f0;

	height:16px;
}

.recherche select.bordure{
	height:18px;
}
.recherche .bordure.gauche{
	border-right:none;
}
.recherche .submit{
	width:20px;
	height:16px;
	border-left:none;
	position:absolute;
	bottom:2px;
}
/* HACK IE7 */
*+html .recherche .submit{
	bottom:0px;
}


/* -- OFFRE SPECIALE  -- */
.offre_speciale{
	margin-top:50px;
	width:170px;
}
.offre_speciale b{
	font-family:Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#0d1f4a;
}
.offre_speciale div.texte{
	font-family:Verdana, sans-serif;
	font-size: 11px;
	color:#0d1f4a;
	text-align:justify;
}
/* -- -------- -- */


/* -- CONTENU  -- */
#contenu{
	margin-right:5px;
	padding-left:7px;
	color:#000000;
	height:100%;
}
* html body #contenu{
	height:580px;
}

#contenu .contenu1, #contenu .contenu1_defaut, #contenu .contenu1_vert, #contenu .contenu1_jaune, #contenu .contenu1_rouge, #contenu .contenu1_bleu{	
	height:100%;
}
*+html #contenu .contenu1, *+html #contenu .contenu1_defaut,*+html #contenu .contenu1_vert, *+html #contenu .contenu1_jaune, *+html #contenu .contenu1_rouge, *+html #contenu .contenu1_bleu{	
	min-height:856px;
	height:auto;
} 

#contenu .contenu2, #contenu .contenu2_defaut, #contenu .contenu2_vert, #contenu .contenu2_jaune, #contenu .contenu2_rouge, #contenu .contenu2_bleu{	
	position:relative;
	width:788px;
	padding-top:8px;
	height:100%;
}
*+html #contenu .contenu2, *+html #contenu .contenu2_defaut,*+html #contenu .contenu2_vert, *+html #contenu .contenu2_jaune, *+html #contenu .contenu2_rouge, *+html #contenu .contenu2_bleu{	
	min-height:856px;
	height:auto;
} 
#contenu .contenu1, #contenu .contenu1_defaut{
	background: url(images/picto_03.jpg) no-repeat top left #ecf3f9;
}
#contenu .contenu2, #contenu .contenu2_defaut{
	background: url(images/picto_04.jpg) no-repeat bottom left;
}
#contenu .contenu2 .contenu-footer, #contenu .contenu2_defaut .contenu-footer,#contenu .contenu2_vert .contenu-footer, #contenu .contenu2_jaune .contenu-footer, #contenu .contenu2_rouge .contenu-footer, #contenu .contenu2_bleu .contenu-footer{
	position:absolute;
	bottom:5px;
	right:25px;
	font-family:Arial, sans-serif;
	font-size:10px;
	color:#4e525a;
}
#contenu .contenu2 .boutons, #contenu .contenu2_defaut .boutons,#contenu .contenu2_vert .boutons, #contenu .contenu2_jaune .boutons, #contenu .contenu2_rouge .boutons, #contenu .contenu2_bleu .boutons{
 float:right;
 margin-right:18px;
}

#contenu .contenu1_vert{
	background: url(images/picto_03_vert.jpg) no-repeat top left #ecf6ee;
}
#contenu .contenu2_vert{
	background: url(images/picto_04_vert.jpg) no-repeat bottom left;
}
#contenu .contenu1_rouge{
	background: url(images/picto_03_rouge.jpg) no-repeat top left #FEEAEB;
}
#contenu .contenu2_rouge{
	background: url(images/picto_04_rouge.jpg) no-repeat bottom left;
}
#contenu .contenu1_bleu{
	/*background: url(images/picto_03_bleu.jpg) no-repeat top left #70b5e4;*/
	background: url(images/picto_03_bleu.jpg) no-repeat top left #eff6fc;	
}
#contenu .contenu2_bleu{
	background: url(images/picto_04_bleu.jpg) no-repeat bottom left;
}
#contenu .contenu1_jaune{
	/*background: url(images/picto_03_jaune.jpg) no-repeat top left #fdb940;*/
	background: url(images/picto_03_jaune.jpg) no-repeat top left #fee2b2;	
}
#contenu .contenu2_jaune{
	background: url(images/picto_04_jaune.jpg) no-repeat bottom left;
}
/* -- --------- -- */

/* -- BOUTIQUE -- */
.pro{
	width:598px;
	margin-top:76px;
	margin-left:50px;
	text-align: justify;
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#256ab4;
	font-weight:250;
}
.pro a{
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#256ab4;
	font-weight:250;
	text-decoration:underline;
}
.login{
	background:url(images/picto_06.jpg) no-repeat;;
	width:667px;
	height:31px;
}
.listing .login, .barre_top{
	background:url(images/picto_17.gif) no-repeat;
	width:710px;
	height:31px;
	margin-bottom:15px;
}
.login a, .login .texte, .barre_top a{
	color:#FFFFFF;
	text-decoration:none;
}
.login form{
	margin:0px;
	padding:0px; 
	margin-left:47px; 
	padding-top:3px;
}
.login .div{
	margin:0px;
	padding:0px; 
	margin-left:47px; 
	padding-top:8px;
	font-weight:bold;
}
.login .boutonoff{
	color:#FFFFFF;
	border:none;
	background:url(images/picto_07.jpg);
	width:28px;
	height:20px;
	font-weight:bold;
}
.login .boutonon{
	color:#FFFFFF;
	border:none;
	background:url(images/picto_08.jpg);
	width:28px;
	height:20px;
	font-weight:bold;
}
.pro .boutonspro{
	margin-top:52px;
	width: 710px;
}
.pro .boutonspro .bouton{
	margin-left:50px;
	width:106px;
	text-align:center;
	float:left;

	font-family:Verdana, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:#b8bcc2;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}
.pro .boutonspro .bouton a{
	font-family:Verdana, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:#3f3e42;
	text-decoration:none;
	font-weight:bold;
}
.pro .boutonspro .bouton a.off{
	font-family:Verdana, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:#b8bcc2;
	text-decoration:none;
	font-weight:bold;
}

.panier{
	font-family:Arial, sans-serif;
	font-size: 0.7em;
	color:#808583;
	text-transform: uppercase;
	font-weight:bold;
	width:64px;
}

/* --- CATEGORIES --- */

.bouton_defaut_off, .bouton_defaut_on,.bouton_vert_off, .bouton_vert_on,.bouton_jaune_off, .bouton_jaune_on, .bouton_rouge_off, .bouton_rouge_on, .bouton_bleu_off, .bouton_bleu_on{
	width:170px;
	height:31px;
	
	font-family:Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
	text-transform:uppercase;

	padding-top:6px;
	padding-left:9px:
	margin-bottom:3px;
}
/*html>body .bouton_defaut_off, html>body .bouton_defaut_on,.bouton_vert_off, html>body .bouton_vert_on,.bouton_jaune_off, html>body .bouton_jaune_on, html>body .bouton_rouge_off, html>body .bouton_rouge_on, html>body .bouton_bleu_off, html>body .bouton_bleu_on{
	height:25px;
}*/
.bouton_vert_off{
	background:url(images/btn_vert_off.jpg) no-repeat;
}
.bouton_vert_on{
	background:url(images/btn_vert_on.jpg) no-repeat;
}
.bouton_jaune_off{
	background:url(images/btn_jaune_off.jpg) no-repeat;
}
.bouton_jaune_on{
	background:url(images/btn_jaune_on.jpg) no-repeat;
}
.bouton_bleu_off{
	background:url(images/btn_bleuc_off.jpg) no-repeat;
}
.bouton_bleu_on{
	background:url(images/btn_bleuc_on.jpg) no-repeat;
}
.bouton_rouge_off{
	background:url(images/btn_rouge_off.jpg) no-repeat;
}
.bouton_rouge_on{
	background:url(images/btn_rouge_on.jpg) no-repeat;
}
.bouton_defaut_off{
	background:url(images/btn_defaut_off.jpg) no-repeat;
}
.bouton_defaut_on{
	background:url(images/btn_defaut_on.jpg) no-repeat;
}
.fond_vert_1 a,.fond_bleu_1 a,.fond_jaune_1 a,.fond_rouge_1 a,.fond_defaut_1 a{
	color:#FFFFFF;
}
.fond_vert_1{
	background:url(images/fond_vert_1.jpg) top left no-repeat #51af63;
	width:170px;
	margin-bottom:5px;
}
.fond_vert_2{
	background:url(images/fond_vert_2.jpg) bottom left no-repeat;
	width:100%;
	padding-bottom:5px;
}
.fond_bleu_1{
	background:url(images/fond_bleu_1.jpg) top left no-repeat #70b5e4;
	width:170px;
	margin-bottom:5px;
}
.fond_bleu_2{
	background:url(images/fond_bleu_2.jpg) bottom left no-repeat;
	width:100%;
	padding-bottom:5px;
}
.fond_rouge_1{
	background:url(images/fond_rouge_1.jpg) top left no-repeat #ea4033;
	width:170px;
	margin-bottom:5px;
}
.fond_rouge_2{
	background:url(images/fond_rouge_2.jpg) bottom left no-repeat;
	width:100%;
	padding-bottom:5px;
}
.fond_jaune_1{
	background:url(images/fond_jaune_1.jpg) top left no-repeat #fdb940;
	width:170px;
	margin-bottom:5px;
}
.fond_jaune_2{
	background:url(images/fond_jaune_2.jpg) bottom left no-repeat;
	width:100%;
	padding-bottom:5px;
}


/* --- LISTING -- */
.listing, .barre_top{
	width: 710px;
	margin: 0 auto;
}
/*.listing .bonjour, .barre_top .bonjour{
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:25px;
	color:#151518;
}*/
.listing .login .bonjour, .barre_top .bonjour{
	color:#FFFFFF;
	margin:0px;
	padding:0px; 
	margin-left:47px; 
	padding-top:8px;
	font-weight:bold;
}
.listing .liens, .barre_top .liens{
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:25px;
	color:#151518;
	float:right; 
	padding-top:7px; 
	margin-right:10px;
}
.categorie_vert, .categorie_jaune, .categorie_rouge, .categorie_bleu, .categorie_defaut{
	width:643px;
	height:31px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
}
.categorie_vert a, .categorie_jaune a, .categorie_rouge a, .categorie_bleu a, .categorie_defaut a{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
}
.categorie_vert{
	background: url(images/picto_14_vert.jpg) no-repeat;
}
.categorie_bleu{
	background: url(images/picto_14_bleu.jpg) no-repeat;
}
.categorie_jaune{
	background: url(images/picto_14_jaune.jpg) no-repeat;
}
.categorie_rouge{
	background: url(images/picto_14_rouge.jpg) no-repeat;
}
.categorie_defaut{
	background: url(images/picto_06.jpg) no-repeat;
}

.liste_vert, .liste_jaune, .liste_rouge, .liste_bleu, .liste_defaut{
	width:643px;
	height: 404px;
	overflow:auto;
}
.liste_vert{
	scrollbar-face-color: #00944f;
}
.liste_jaune{
	scrollbar-face-color: #fdb940;
}
.liste_bleu{
	scrollbar-face-color: #70b5e4;
}
.liste_rouge{
	scrollbar-face-color: #ea4033;
}
.liste_defaut{
	scrollbar-face-color: #256ab4;
}
.produit{
	width: 623px;
	height:130px;
	border: solid 1px #aaaaaa;
	margin-bottom:3px;
	padding-bottom:3px;
}
html>body .produit{	
	min-height:130px;
	height:auto;
}
.produit .titre_vert,.produit .titre_jaune, .produit .titre_bleu, .produit .titre_rouge, .produit .titre_defaut{
	width: 100%;
	color:#FFFFFF;
	height:24px;
}
.produit .titre_vert{
	background:#00944f;
}
.produit .titre_bleu{
	/*background:#256ab4;*/
	background:#70b5e4;	
}
.produit .titre_rouge{
	background:#ea4033;
}
.produit .titre_jaune{
	background:#fdb940;
}

.produit .contenu{
	padding-top: 5px;
	padding-left: 6px;
}
.produit .contenu .image{
	width:96px;
	height:72px;
	float:left;
}
.produit .contenu .image a.texte{
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#49484d;
	text-align:justify;
	margin-left: 0px;
	width:358px;
	float:left;
}
.produit .contenu .soustitre{
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#49484d;
	font-weight:bold;
}
.produit .contenu .texte{
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#49484d;
	text-align:justify;
	margin-left: 35px;
	width:358px;
	float:left;
}
.bouton_plus_vert, .bouton_moins_vert, .bouton_plus_jaune, 
.bouton_moins_jaune, .bouton_plus_rouge, .bouton_moins_rouge, 
.bouton_plus_bleu, .bouton_moins_bleu{
	width:18px;
	height:11px;
	text-align:center;
	font-family:Arial, sans-serif;
	font-size:14px;
	color: #FFFFFF;
	font-weight:bold;
	margin-bottom:1px;
	padding-bottom:4px;
	cursor:pointer;
}
.bouton_plus_vert, .bouton_moins_vert{
	background: #00944f;
}
.bouton_plus_jaune, .bouton_moins_jaune{
	background: #fdb940;
}
.bouton_plus_rouge, .bouton_moins_rouge{
	background: #ea4033;
}
.bouton_plus_bleu, .bouton_moins_bleu{
	background: #70b5e4;
}

.prix_vert, .prix_jaune, .prix_bleu, .prix_rouge{
	width:81px;
	height:21px;
	font-family:Arial, sans-serif;
	font-size:14px;
	color: #FFFFFF;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
	padding-top:8px;
}
.prix_vert{
	background: #00944f;
}
.prix_jaune{
	background: #fdb940;
}
.prix_rouge{
	background: #ea4033;
}
.prix_bleu{
	background: #70b5e4;
}

/* -- DIVERS -- */
a{
	color:#656565;
	text-decoration:none;
}
.plan a{
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:25px;
	color:#004998;
	padding-top:7px; 
}
.plan a.clair{
	color:#555555;
	font-size:12px;
}
.gauche{
	float:left;
	padding-right:40px;
}
.texte {
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#555555;
	text-decoration:none;
}
.fond{
	background-color:#b8d1ea;
}
.fond_vert{
	background-color:#b7debf;
}
.fond_bleu{
	background-color:#70b5e4;
}
.fond_jaune{
	background-color:#fdb940;
}
.fond_rouge{
	background-color:#ea4033;
}
.fond_defaut{
	background-color:#ecf3f9;
}


/* -- ACCUEIL -- */
.intro{
	width:598px;
	margin-top:76px;
	margin-left:50px;
	text-align: justify;
}
h1{
	font-family:Verdana, sans-serif;
	font-size:52px;
	color: #b8d1ea;
	text-align:right;
	margin-bottom:38px;
}
h2{
	font-family:Verdana, sans-serif;
	font-size:22px;
	color: #256ab4;
	text-align:right;
	margin-top:38px;
	text-transform: uppercase;
}
/* -- FIN ACCUEIL -- */


/* --- PAGE --- */
h3{
	font-family:Verdana, sans-serif;
	font-size:22px;
	color: #256ab4;
	text-transform: uppercase;
}



.texte2{
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#5d5c5c;
	text-decoration:none;
	font-weight:bold;
}

.blanc{
	color:#FFFFFF;
}
.noir{
	color:#000000;
}
.gras{
	font-weight:bold;
}

.champ{
	width:350px;
	font-family:Verdana, sans-serif;
	font-size: 11px;
}
.textearea{
	width:350px;
	height:100px;
	font-family:Verdana, sans-serif;
	font-size: 11px;
}
