/************************************ Liens ***********************************************/
#lien_modal {display:none;}
a#closeBut {
	font:normal normal normal 22px/26px arial,sans-serif;
	color: #fff;
}
#fermeture {border:3px double #ccc;}
a:link {
	color: #003366;
}

a:visited {
	color: #003366;
}
a:hover {
	color: #003366; text-decoration: underline;
}
a:active {
	color: #003366;
}

h1 {margin:0px;padding:0px; display : inline; font-size:14px; font-family:Arial;}

/********************************** Corps de la page *************************************/
body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/********************************* Centrage du site internet *****************************/
#centrage
{
margin-left:50%;
}


/********************************** Position globale du site internet et taille ************/
#site 
{
margin-left:-500px;
width:1000px;
}


/********************************** Header et sous-div de celui-ci ****************************/
#header
{

}
	
	#header-flash 
	{
	width : 100%;
	height : 210px;
	}
	
	#header-menu 
	{
		width: 100%;
		height : 85px;
		padding-left: 6px;
		padding-bottom: 5px;
	}
			.onglet-bleu
			{
			width : 76px;
			height : 80px;
			float : left;
			background-image : url("images/menu-onglet-bleu.png");
		}
		
		.onglet-jaune
		{
			width : 76px;
			height : 80px;
			float : left;
			background-image : url("images/menu-onglet-jaune.png");
		}
		
		.onglet-orange
		{
			width : 76px;
			height : 80px;
			float : left;
			background-image : url("images/menu-onglet-orange.png");
		}	
		
		.onglet-vert
		{
			width : 76px;
			height : 80px;
			float : left;
			background-image : url("images/menu-onglet-vert.png");
		}
		
		.onglet-violet
		{
			width : 76px;
			height : 80px;
			float : left;
			background-image : url("images/menu-onglet-violet.png");
		}
	

/******************************************* Menu de contenu (div droite / centre / gauche) ***********************/
#contenu
{
	padding-bottom: 10px;
}



/******************************************* Menu de Gauche - position /taille etc... *******************/	
#gauche{
float: left;
width : 192px;

}

.h1menu {margin:0px;padding:0px; font-size:10px; font-family:Verdana; font-weight:bold;}
.h2menu {margin:0px;padding:0px; font-size:9px; font-family:Verdana; font-weight:normal;}
.h3menu {margin:0px;padding:0px; font-size:9px; font-family:Verdana; font-weight:normal;}




#menus			{ padding-top: 10px; padding-bottom: 10px; }

.menu1			{ height: 21px; width: 192px; margin-top: 1px; background-image:url(img/menu1.gif); background-repeat: no-repeat; background-position: top left; }
.menu1a			{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; color: #003366; padding-left: 36px; text-decoration: none; line-height:20px; }
.menu1a:hover	{ text-decoration: underline; }

.menu2			{ height: 21px; width: 192px; margin-top: 1px; background-image:url(img/menu2.gif); background-repeat: no-repeat; background-position: top left; }
.menu2a			{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; color: #003366; padding-left: 36px; text-decoration: none; line-height:20px; }
.menu2a:hover	{ text-decoration: underline; }

.menu3			{ height: 21px; width: 192px; margin-top: 1px; background-image:url(img/menu3.gif); background-repeat: no-repeat; background-position: top left; }
.menu3a			{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; color: #003366; padding-left: 36px; text-decoration: none; line-height:20px; }
.menu3a:hover	{ text-decoration: underline; }

.menu4			{ height: 21px; width: 192px; margin-top: 1px; background-image:url(img/menu4.gif); background-repeat: no-repeat; background-position: top left; }
.menu4a			{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; color: #003366; padding-left: 36px; text-decoration: none; line-height:20px; }
.menu4a:hover	{ text-decoration: underline; }

.menu5			{ height: 21px; width: 192px; margin-top: 1px; background-image:url(img/menu5.gif); background-repeat: no-repeat; background-position: top left; }
.menu5a			{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; color: #003366; padding-left: 36px; text-decoration: none; line-height:20px; }
.menu5a:hover	{ text-decoration: underline; }

.ssmenus1		{ border-left: 1px solid #00d2b4; border-bottom: 1px solid #00d2b4; background-image:url(img/ssmenu1.gif); margin-left:21px; margin-bottom: 5px; width: 165px; line-height: 15px; }
.ssmenu1		{ width: 100%; padding-left: 5px; }
.ssmenu1a		{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; color: #003366; text-decoration: none; }
.ssmenu1a:hover	{ text-decoration: underline; }
.ssssmenu1		{ width: 145px; padding-left: 25px; }

.ssmenus2		{ border-left: 1px solid #0099CC; border-bottom: 1px solid #0099CC; background-image:url(img/ssmenu2.gif); margin-left:21px; margin-bottom: 5px; width: 165px; line-height: 15px; }
.ssmenu2		{ width: 100%; padding-left: 5px; }
.ssmenu2a		{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; color: #003366; text-decoration: none; }
.ssmenu2a:hover	{ text-decoration: underline; }
.ssssmenu2		{ width: 145px; padding-left: 25px; }

.ssmenus3		{ border-left: 1px solid #00B4DC; border-bottom: 1px solid #00B4DC; background-image:url(img/ssmenu3.gif); margin-left:21px; margin-bottom: 5px; width: 165px; line-height: 15px; }
.ssmenu3		{ width: 100%; padding-left: 5px; }
.ssmenu3a		{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; color: #003366; text-decoration: none; }
.ssmenu3a:hover	{ text-decoration: underline; }
.ssssmenu3		{ width: 145px; padding-left: 25px; }

.ssmenus4		{ border-left: 1px solid #B4B4DC; border-bottom: 1px solid #B4B4DC; background-image:url(img/ssmenu4.gif); margin-left:21px; margin-bottom: 5px; width: 165px; line-height: 15px; }
.ssmenu4		{ width: 100%; padding-left: 5px; }
.ssmenu4a		{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; color: #003366; text-decoration: none; }
.ssmenu4a:hover	{ text-decoration: underline; }
.ssssmenu4		{ width: 145px; padding-left: 25px; }

.ssmenus5		{ border-left: 1px solid #B482DC; border-bottom: 1px solid #B482DC; background-image:url(img/ssmenu5.gif); margin-left:21px; margin-bottom: 5px; width: 165px; line-height: 15px; }
.ssmenu5		{ width: 100%; padding-left: 5px; }
.ssmenu5a		{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; color: #003366; text-decoration: none; }
.ssmenu5a:hover	{ text-decoration: underline; }
.ssssmenu5		{ width: 145px; padding-left: 25px; }


.box_top		{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;  color: #FFFFFF; text-align:center; background-image: url(img/box_top.gif); width: 192px; height: 25px; vertical-align: middle; line-height:20px; position: relative; }
.box_top2		{ background-image: url(img/box_top2.gif); background-repeat: no-repeat; background-position: bottom; width: 192px; height: 9px; position: relative; }
.box_top3		{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;  color: #FFFFFF; text-align:center; background-image: url(img/box_top3.gif); width: 192px; height: 25px; vertical-align: middle; line-height:20px; position: relative; }
.box_top4		{ background-image: url(img/box_top4.gif); background-repeat: no-repeat; background-position: bottom; width: 192px; height: 9px; position: relative; }
.box_corner		{ position: absolute; top: -6px; left: 162px; }
.box_corner2		{ position: absolute; top: -6px; left: -6px; }
.box_center		{ background-image: url(img/box_center.gif); width: 192px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; }
.box_center a	{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; text-decoration: none; padding-left: 5px; }
.box_center a:hover {text-decoration: underline; }
.box_center3	{ background-image: url(img/box_center3.gif); width: 192px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; }
.box_center3 a	{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; text-decoration: none; padding-left: 5px; }
.box_center3 a:hover	{ text-decoration: underline;}
.box_bottom		{ background-image: url(img/box_bottom.gif); width: 192px; height: 9px; background-repeat: no-repeat; }
.box_bottom3	{ background-image: url(img/box_bottom3.gif); width: 192px; height: 9px; background-repeat: no-repeat; }
.box_top5		{ background-image: url(img/box_top5.gif); background-repeat: no-repeat; background-position: bottom; width: 192px; height: 9px; position: relative; }
.box_center5	{ height: 100px; background-image: url(img/box_center5.gif); width: 192px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; }
.box_bottom5	{ background-image: url(img/box_bottom5.gif); width: 192px; height: 9px; background-repeat: no-repeat; }


#recherche-rapide{
	margin-bottom: 10px;
}

#acces-rapide{
	margin-bottom: 10px;
}

#conseil{
	margin-bottom: 10px;
}


/************************************ Centre de la page - position / taille etc... **********************/
#centre{
float: left;
width : 611px;
padding-top: 10px;
}

.texteIntro		{ 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; text-align:justify;
padding-left:20px; padding-right:20px;padding-bottom:10px;


}

#navigation					{ margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
.navigation-rapide			{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; color: #003366; text-decoration: none; }
.navigation-rapide:hover	{ text-decoration: underline; }

#cat_nom		{ margin-left: 10px; margin-right: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; margin-top: 15px; color: #003366; }
#cat_intro		{ margin-left: 10px; margin-right: 10px; padding: 5px; padding-top: 7px; padding-bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; background-image: url(/img/fiche_fond1.png); background-position: top; }
#cat_bas		{ margin-left: 10px; margin-right: 10px; margin-bottom: 10px; height: 20px; background-image: url(/img/fiche_fond3.png); background-position: top; background-repeat: no-repeat; }

.minifiche			{ float: left; margin: 7px; background-image: url(img/minifiche_fond1.gif); background-repeat: no-repeat;  }
.minifiche_table	{ width: 288px; height: 310px; background-image: url(img/minifiche_fond2.gif); background-repeat: no-repeat; background-position:bottom; }
.minifiche_desc		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-bottom: 15px; color: #003366; }
.minifiche_lien		{ text-align: center; }
.minifiche_nom		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #003366; padding: 2px; }
.minifiche_panier	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.minifiche_prix		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: center; padding-top: 15px; padding-bottom: 15px; }
.minifiche_sticker	{ text-align: center; width: 50%; float: left; }

.fiche			{ margin: 7px; width: 590px; }
.fiche_desc		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-bottom: 25px; }
.fiche_lien		{ text-align: center; }
.fiche_nom		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; padding-left: 10px; }
.fiche_panier	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding-bottom: 15px; text-align: center; }
.fiche_prix		{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-align: center; padding-top: 20px; padding-bottom: 20px; }
.fiche_sticker	{ text-align: center; width: 50%; float: left; }

.minicat {	position :relative;width:98%; height:180px; margin-right:1%; margin-left:1%; margin-top:10px; margin-bottom :5px;}
.minicat2 {	position :relative;width:98%; height:80px; margin-right:1%; margin-left:1%; margin-top:10px; margin-bottom :5px;}
.minicat-image {  margin-bottom:0px; }
.minicat-titre-1 	{ position: absolute; top:12px; left:74px; height : 22px; margin-bottom:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF;font-weight:bold;background-image:url(img/deg_1.png); background-repeat: repeat-y;  width:550px; padding-top:10px;padding-bottom:10px;}
.minicat-titre-2 	{ position: absolute; top:12px; left:74px; height : 22px;  margin-bottom:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF;font-weight:bold;background-image:url(img/deg_2.png); background-repeat: repeat-y; width:550px;  padding-top:10px; padding-bottom:10px;}
.minicat-titre-3 	{ position: absolute; top:12px; left:74px; height : 22px;  margin-bottom:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF;font-weight:bold;background-image:url(img/deg_3.png); background-repeat: repeat-y; width:550px; padding-top:10px;padding-bottom:10px;}
.minicat-titre-4 	{ position: absolute; top:12px; left:74px; height : 22px;  margin-bottom:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF;font-weight:bold;background-image:url(img/deg_4.png); background-repeat: repeat-y; width:550px;  padding-top:10px;padding-bottom:10px;}
.minicat-titre-5 	{ position: absolute; top:12px; left:74px; height : 22px;  margin-bottom:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF;font-weight:bold;background-image:url(img/deg_5.png); background-repeat: repeat-y; width:550px;  padding-top:10px;padding-bottom:10px;}

.minicat-vignettes-1 {  margin-left:0px; margin-right:12px; margin-left: 5px; float : left; width:100px; height:120px; }
.minicat-vignettes-1 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #00d2b4; text-decoration: none; }
.minicat-vignettes-1 a:visited { color: #00d2b4; }

.minicat-vignettes-2 {   margin-left:0px; margin-right:12px; margin-left: 5px; float : left; width:100px; height:120px;  }
.minicat-vignettes-2 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0099CC; text-decoration: none; }
.minicat-vignettes-2 a:visited { color: #0099CC; }

.minicat-vignettes-3 { margin-left:0px; margin-right:12px; margin-left: 5px; float : left; width:100px; height:120px;  }
.minicat-vignettes-3 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #00B4DC; text-decoration: none; }
.minicat-vignettes-3 a:visited { color: #00B4DC; }

.minicat-vignettes-4 {  margin-left:0px; margin-right:12px; margin-left: 5px; float : left; width:100px; height:120px;  }
.minicat-vignettes-4 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #B4B4DC; text-decoration: none; }
.minicat-vignettes-4 a:visited { color: #B4B4DC; }

.minicat-vignettes-5 { margin-left:0px; margin-right:12px; margin-left: 5px; float : left; width:100px; height:120px;  }
.minicat-vignettes-5 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #B482DC; text-decoration: none; }
.minicat-vignettes-5 a:visited { color: #B482DC; }
/************************************* Menu de droite de la page **************************************/

#droite{
	float: left;
	width: 192px;

}

#promo{
	margin-top: 10px;
	margin-bottom: 10px;
}

#panier{
	margin-top: 10px;
	margin-bottom: 10px;
}
.panier_input	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #0099CC; text-align: center; }
.panier_texte	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; }
.panier_texte_b	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; font-weight: bold; }


#compte{
	margin-top: 10px;
	margin-bottom: 10px;
}

#flash-droite
{

}
/************************************** Bas de page ********************************************/
#bas{
width:1000px;
}



/********************************** Formulaire ********************************************/
form		{ margin: 0px; }

.input1		{ border: 1px solid #0099cc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.input2		{ border: 1px solid #0099cc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 90%; padding-left: 2px; }

.tr1		{ background-color: #eff8fb; }
.tr2		{ background-color: #FFFFFF; }


/********************************** Textes ********************************************/
.textetitre {margin:0px;padding:0px; display : inline; font-size:14px; font-family:Arial; font-weight: bold}
.texte1		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; }
.texte2		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; }
.titre1		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #0099CC; border-bottom: 2px solid #0099CC; width: 82%; margin: auto; margin-top: 10px; margin-bottom: 10px; }