/**
	--PACK GeDEV--
	DESCHAMPS Grégory
	greg@gregdesc.info
**/


/*enlève toutes les marges que les navigateurs mettent par défaut*/
*{ margin: 0;padding: 0; }

/*masque la bordure d'une image, bordure générée par un lien*/
a img{ border:0 none; }

/*alignement de textes*/
.left{ text-align:left; }
.center{ text-align:center; }
.right{ text-align:right; }

.top{ vertical-align:top;}
.middle{ vertical-align:middle;}
.bottom{ vertical-align:bottom;}

/*teintes*/
.blanc{ color:#FFF; }
.noir{ color:#000; }

/*couleurs*/
.bleu{ color:#153685; } /*#0A4E9E*/
.rouge{ color:#C33218; }
.rose{ color:#FFF; }
.vert{ color:green; }
.jaune{ color:#FFF; }
.orange{ color:#D08937; }
.mauve{ color:#FFF; }

/*texte*/
.italic{ font-style:italic; }
.gras{ font-weight:bold; }

.trebuchet{ font-family:trebuchet ms, arial, sans-serif; font-size:1em;}
/*balises HTML redéfinies*/
div, p, img, ul, li, span, a, h1, h2, h3, form, input, textarea, select,hr{
	margin: 0;padding: 0;
}

#lien_retour{
	display:block;
	width:420px;
	height:130px;
	margin:0;
}

ul{
	list-style-type:none;
}

body{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	background:url(./images/motif_fond.gif);
	text-align:center; /*anciens navigateurs*/
}

/**/
#conteneur{
	width:812px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background:url(./images/motif_fond-ombre.gif) repeat-y top left;
	
}
#header{
	width:812px;
	height:138px;
	background:url(./images/header.jpg) no-repeat top left;
}

#menu{
	list-style-type:none;
	width:663px;
	margin:auto 6px;
	vertical-align:bottom;
	font-size:13px;
	text-align:center;
}


#menu tr{
	height:37px;
}

#menu td.sep{
	width:13px;
	background:url(./images/menu_sep.gif) no-repeat middle center;
}
#menu td.promo{
	
}

#menu td a{
	color:#153685;
	font-weight:bold;
	text-decoration:none;
}
#menu td a:hover{
	color:#153685;
	font-weight:bold;
	text-decoration:none;
}

#menu td.bmr{			width:119px;}
#menu td.bmr a{			width:119px;height:37px;background:none;}
#menu td.bmr a:hover{	width:119px;height:37px;text-decoration:underline;font-weight:bold;}

#menu td.eb{			width:90px; }
#menu td.eb a{			width:90px;height:37px;background:none;}
#menu td.eb a:hover{	width:90px;height:37px;text-decoration:underline;font-weight:bold;}

#menu td.snw{			width:99px; }
#menu td.snw a{			width:99px;height:37px;background:none;}
#menu td.snw a:hover{	width:99px;height:37px;text-decoration:underline;font-weight:bold;}

#menu td.vt{			width:84px; }
#menu td.vt a{			width:84px;height:37px;background:none;}
#menu td.vt a:hover{	width:84px;height:37px;text-decoration:underline;font-weight:bold;}

#menu td.phs{			width:68px; }
#menu td.phs a{			width:68px;height:37px;line-height:37px;background:none;}
#menu td.phs a:hover{	width:68px;height:37px;line-height:37px;text-decoration:underline;font-weight:bold;}

#menu td.pb{			width:59px; }
#menu td.pb a{			width:59px;height:37px;background:none;}
#menu td.pb a:hover{	width:59px;height:37px;text-decoration:underline;font-weight:bold;}

#menu td.sm{			width:65px; }
#menu td.sm a{			width:65px;height:37px;background:none;}
#menu td.sm a:hover{	width:65px;height:37px;text-decoration:underline;font-weight:bold;}



#centre{
	position:relative;
	width:800px;
	margin:0 6px;
	min-height:225px;
	height:auto;
	_height:225px;
	
}

.boutons{
	border:1px solid #00438F;
	background:#FFF;
}
	/**
		ACCUEIL
	**/
	
	/*--- gauche*/
	#home{/*page acceuil*/
		float:left;
		width:165px;
		min-height:225px;
		height:auto;
		_height:225px;
	}
	#home1{/*autres pages*/
		position:absolute;
		left:0;
		width:165px;
		min-height:500px;
		height:auto;
		_height:500px;
	}
	.ligne-blanche{
		width:800px;
		display:block;
		height:2px;
		font-size:2px;
		background:#FFFFFF;
	}
	.barre-marron{
		width:800px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		height:16px;
		background:url(./images/barre-marron.gif) repeat-x top left;
		margin: 0;
	}
	.barre-marron_petit{
		width:144px;
		display:block;
		height:5px;
		background:url(./images/barre-marron_petit.gif) no-repeat top left;
		border:0 none;
		font-size:5px;
		margin:3px auto 3px auto;
	}
	.bordure_select{
		width:144px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		border:1px solid #FFF;
	}
	#table_rechercher, #table_ttesmarques{
		border:0 none;
		width:140px;
		margin-top:2px;
		margin-bottom:2px;
		margin-left:auto;
		margin-right:auto;
	}
	#table_ttesmarques a, #table_monprofil a, #table_panier a{
		color:#3A5E82;
		text-decoration:none;
	}
	#table_ttesmarques a:hover, #table_monprofil a:hover, #table_panier a:hover{
		color:#3A5E82;
		text-decoration:underline;
	}
	.input_home{
		width:118px;
		height:19px;
		border:1px solid #3B5973;
		border-right:0 none;
		text-indent:2px;
		font-size:11px;
		color:#3A5E82;
	}
	.td_home{
		width:120px;
		height:19px;
		border:1px solid #3B5973;
		border-right:0 none;
		background:#FFF;
		text-indent:2px;
		font-size:11px;
		color:#3A5E82;
	}
	.submit_home{
		width:21px;
		height:19px;
	}
	.separe_select{
		width:136px;
		font-size:0px;
		margin:0px 2px;
		border-bottom:1px solid #FFF;
	}
	#cartesbleues{
		width:131px;
		display:block;
		height:43px;
		margin:4px auto;
	}
	#cartesbleues a{
		
		color:#FFF;
		text-decoration:none;
	}
	#cartesbleues a:hover{
		
		color:#FFF;
		text-decoration:underline;
	}
	
	
	/*--- milieu*/
	#home2{
		float:left;
		width:298px;
		min-height:225px;
		height:auto;
		_height:225px;
		text-align:center;
		color:#153685;
	}
	
	
	/*--- droite*/
	#home3{
		float:left;
		width:327px;
		min-height:225px;
		height:auto;
		_height:225px;
		background:url(./images/photo-home3.jpg) no-repeat top right;
	}
#footer{
	width:800px;
	height:139px;
	margin:0 6px;
	text-align:center;
	border-bottom:1px solid #FFF;
	background:url(./images/motif_footer.gif) repeat-x top left;
}
#footer p{
	width:780px;
	color:#FFF;
	font-size:13px;
	letter-spacing:0.5px;
	margin:10px;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}	
#footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#marques_bande{
	position:absolute;
	width:800px;
	height:29px;
	margin:-64px 6px auto 6px;
	border-left:1px dashed #0A4E9E;
	border-right:1px dashed #0A4E9E;
	background:#FFFFFF;
	text-align:center;
	vertical-align:middle;
}

#conception{
	position:absolute;
	width:800px;
	height:29px;
	margin:-20px 6px auto 6px;
	color:#39568b;
}

#contenu{ /*presque idem à home2*/
	/*margin-left:170px;*/
	float:left;
	width:625px;
	min-height:225px;
	height:auto;
	_height:225px;
	color:#153685;
}

#contenu_famille{
	/*margin-left:170px;*/
	float:left;
	width:625px;
	min-height:225px;
	height:auto;
	_height:225px;
	/*text-align:center;*/
	color:#153685;
}

#conseiller{
	border:1px solid #425881;
	text-align:left;
	font-size:11px;
	letter-spacing:none;
	background:#CEDBEC;
}
#conseiller p, #selection_mazura p{
	padding-left:2px;
}
#titre_conseiller{
	min-height:18px;
	_height:18px;
	line-height:18px;
	color:#6881A0;
	font-weight:bold;
	margin:auto 2px 1px 2px;
}
.info_conseiller{
	height:18px;
	line-height:18px;
	background:#FFFFFF;
	color:#3E5A7F;
	margin:0 2px 1px 2px;
}

.info_conseiller img{
	vertical-align:middle;
}


.tel_conseiller{
	height:18px;
	line-height:18px;
	background:#FFFFFF;
	color:#3E5A7F;
	margin:0 2px 1px 2px;
	font-size:10px;
}


#selection_mazura{
	border:1px solid #425881;
	text-align:left;
	font-size:11px;
	letter-spacing:none;
	background:#CEDBEC;
}
.titre_selection{
	height:18px;
	line-height:18px;
	color:#6881A0;
	font-weight:bold;
	margin:auto 2px 1px 2px;
}
.info_selection{
	background:#FFFFFF;
	font-weight:bold;
	color:#3E5A7F;
	margin:0 2px;
}
.info_selection a{
	color:#3E5A7F;
	text-decoration:none;
}
.info_selection a:hover{
	color:#3E5A7F;
	text-decoration:underline;
}
.info2_selection{
	background:#FFFFFF;
	color:#3E5A7F;
	margin:0 2px;
}
.prix_selection{
	background:#FFFFFF;
	font-weight:bold;
	color:#3E5A7F;
	margin:0 2px;
	font-size:14px;
}
.picto_selection{
	background:#FFFFFF;
	text-align:center;
	margin:0 2px 2px 2px;
}

/*famille (liste des sousfamilles)*/

.fleche_bas{
	width:165px;
	height:4px;
	font-size:4px;
	margin-top:3px;
	background:url(images/fleche-bas.gif) no-repeat top center;
}

#liste_sous_familles{
	width:600px;
	font-size:12px;
}

#liste_sous_familles td{
	height:100px;
}

.image_sous_familles{
	
}
.info_sous_familles{
	vertical-align:top;
}
.nom_sous_familles{
	font-family:trebuchet ms, arial, sans-serif;
	font-size:18px;
}
.nom_sous_familles img{
	vertical-align:middle;
}

.nom_sous_familles a{
	text-decoration:none;
	color:#C33218;
}
.nom_sous_familles a:hover{
	text-decoration:none;
	color:#C33218;
}

.achat_sous_familles{
	font-size:11px;
}
.achat_sous_familles img{
	vertical-align:middle;
}
.trame_sous_familles{
	font-size:5px;
	margin-left:-5px;
}
.comm_sous_familles{
	font-size:11px;
}
.comm_sous_familles img{
	vertical-align:middle;
}

.marques_dispo a{
	text-decoration:none;
	color:#153685;
}
.marques_dispo a:hover{
	text-decoration:underline;
	color:#153685;
}


/*sousfamille (liste des produits) */

.info_titre_sous_famille{
	vertical-align:middle;
}

.liste_produits{
	width:600px;
	font-size:12px;
	border:1px solid #0A4E9E;
	margin-top:10px;
	margin-bottom:2px;
}

td.image_produit{
	width:80px;
}
td.image_produit img{
	border:1px solid #B9BBBD;
}

td.image_marque{
	width:125px;
}
td.image_marque img{
	border:1px solid #B9BBBD;
}


td.info_produit{
	vertical-align:top;
}
p.nom_produit{
	font-family:trebuchet ms, arial, sans-serif;
	font-size:14px;
}
p.nom_produit a{
	text-decoration:none;
	color:#C33218;
}
p.nom_produit a:hover{
	text-decoration:none;
	color:#C33218;
}
p.prix_produit{
	font-size:14px;
}
p.prix_produit img{
	vertical-align:middle;
}

.separation_rouge{
	font-size:2px;
	border-bottom:1px solid red;
}

/*fiche produit*/

#cadre_fiche{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #0A4E9E;
	background:url(images/motif_fond-fiche.gif) repeat-y top right;	
	
	min-height:300px;
	height:auto;
	_height:300px;
	
}
#navig_fiche{
	background:#BDD1E7;
	height:23px;
	line-height:23px;
}
.barre-marron_fiche{
	height:5px;
	background:url(images/barre-marron_fiche.gif) no-repeat top left;
	border:0 none;
	font-size:5px;
	margin:3px auto 3px 5px;
}
#nom_produit_fiche{
	font-family:trebuchet, arial, sans-serif;
	font-size:18px;
	padding-right:230px;
}
#nom_ref_fiche{
	font-family:trebuchet ms, arial, sans-serif;
	padding-right:230px;
}
.desc_produit_fiche{
	font-size:13px;
	padding-right:230px;
}


#ref_fiche{
	width:360px;
	font-size:11px;
	margin-left:5px;
}
#ref_fiche th{
	font-weight:bold;
	color:#3A5E82;
}
#ref_fiche td{
	border-bottom:1px solid #B9BBBD;
	text-indent:2px;
}

#table_prod_photos{
	width:208px;
	margin:auto;
	padding:auto;
	vertical-align:middle;
	text-align:center;
	background:#DEE8F2;
}

.photo_moyenne{
	width:208px;
	height:208px;
	background:url(images/fond-photo-m.gif) no-repeat top left;
	vertical-align:middle;
}

.photo_petite_gauche{
	width:102px;
	height:103px;
	background:url(images/fond-photo-p.gif) no-repeat top left;
	text-align:center;
}

.photo_petite_droite{
	width:102px;
	height:103px;
	background:url(images/fond-photo-p.gif) no-repeat top center;
	text-align:center;
}
.photo_petite_droite_sansbg{
	width:102px;
	height:103px;
	text-align:center;
}
.photo_moyenne img{
	border:1px solid #000;
	
}

.photo_petite_gauche img{
	border:1px solid #000;
	margin-top:2px;
}

.photo_petite_droite img{
	border:1px solid #000;
	margin-left:2px;
	margin-top:2px;
}

.legende_photo{
	vertical-align:top;
	font-size:10px;
}

#table_action_produit{
	width:600px;
	font-size:11px;
	color:#153685;
}
#table_action_produit a{
	color:#153685;
	text-decoration:underline;
}
#table_action_produit a:hover{
	color:#153685;
	text-decoration:underline;
}
#table_action_produit img{
	border:0 none;
	vertical-align:middle;
}

/*divers*/
#resultats_ad{
	width:600px;
	margin:15px auto;
	background:#D9EEFF;
	border:1px dashed #0070C8;
}
#resultats_ad p{
	margin:5px auto;
}


#vagues{
	clear:left;
	font-family:trebuchet ms, arial, sans-serif;
	background:url(images/vagues.jpg) no-repeat bottom left;
	width:625px;
	height:77px;
	margin-left:165px;
	margin-top:10px;
	padding-top:15px;
	text-align:center;
}

/*CADDIE*/
#caddie{
	border-left : 1px solid #878787;
	margin-top : 15px;
}

#caddie th{
	color : #FFFFFF;
	background : #7AA3CF;
	font-weight : bold;
	text-align : center;
	font-size : 12px;
	padding : 4px;
}

#caddie th.produit{
	width : 280px;
	text-align : left;
}

#caddie td{
	 border-right : 1px solid #878787;
	 border-bottom : 1px solid #878787;
	 padding-right : 4px;
	 padding-left : 4px;
	 font-size : 12px;
	 text-align : center;
	
	 vertical-align : middle;
	 color:#000;
}

#caddie td p a.refassoc{
	padding:2px;
	text-align:center;
	border:1px solid #637965;
	text-decoration:none;
}
#caddie td p a.refassoc:hover{
	background : #F1F0DF;
}

#caddie td.produit{
	/*text-align : left;*/
}

#caddie td div{
	float : left;
}

#caddie td.totalTTC{
	text-align : right;
	color : #000;
	background : #F7F9FC;
	font-weight : bold;
}

#caddie td.total{
	background : #F7F9FC;
	color :#000;
	text-align:right;
}

#caddie td a{
	text-decoration : none;
	color : #3A5E82;
	font-weight : bold;
}
/*FIN CADDIE*/

/*login*/

#cadre_login{
	display:inline;
}

#cadre_login li{
	display:inline;
}

/*fin login*/

/*PROFIL*/
.label_profil{
	text-align:right;
	width:220px;
	font-weight:bold;
	color:#3A5E82;
}

#table_histo_cde{
	font-size:12px;
	width:530px;
	height:80px;
	border:1px solid #00438F;
	margin:5px 5px 20px 45px;
}
#table_histo_cde th{
	text-indent:2px;
}
#table_histo_cde td{
	vertical-align:top;
	height:25px;
}
/*fin PROFIL*/
/*commande*/

#commande{
	font-size:1em;
	width:500px;
	height:80px;
	margin:5px 5px 20px 45px;
}
#commande tr{
	background:#F7F9FC;
}

#choixpaiement{
	font-size:1em;
	width:500px;
	height:80px;
	margin:5px 5px 20px 45px;
	text-align:center;
}
#choixpaiement tr{
	background:#F7F9FC;
}
/*fin commande*/

/*paiement*/
#paiement{
	width:550px;
}
#paiement td.titre{
	background : #7AA3CF;
	font-weight : bold;
	color : #FFFFFF;
	text-align : center;
}

#paiement td.intit{
	font-size : 12px;
	font-weight : bold;
	text-align : center;
}

#paiement td.sous{
	font-size : 12px;
	text-align : right;
}
/*fin paiement*/

/*promotions*/

.liste_promo{
	float:left;
	width:280px;
	font-size:12px;
	border:1px solid #0A4E9E;
	margin-top:10px;
	margin-bottom:2px;
	margin-left:0px;
}
#table_contenant_promo{
	width:610px;
}
/*fin promotions*/

/*infos pratiques*/
#infospratiques{
	margin-bottom:20px;
}
#infospratiques a{
	text-decoration:none;
}
#infospratiques a:hover{
	text-decoration:underline;
}
/*fin infos pratiques*/

/*Atelier*/
#atelier{
	margin-bottom:20px;
}
#atelier p{
	margin:5px auto;
	margin-left:10px;
}
#atelier table{
	font-size:12px;
	margin-left:10px;
}
#atelier table th{
	font-weight:bold;
	background:#80A7D1;
	border:1px solid #153685;
	color:#FFF;
}
#atelier table td{
	color:#153685;
	text-align:center;
	border:1px solid #153685;
	border-collapse:collapse;
}
#atelier a{
	text-decoration:none;
}
#atelier a:hover{
	text-decoration:underline;
}
/*fin atelier*/

/*services*/
#services{
	margin-bottom:20px;
}
#services p{
	margin:5px auto;
	margin-left:10px;
}
#services table{
	font-size:12px;
	margin-left:10px;
}
#services table th{
	font-weight:bold;
	background:#80A7D1;
	border:1px solid #153685;
	color:#FFF;
}
#services table td{
	color:#153685;
	text-align:center;
	border:1px solid #153685;
	border-collapse:collapse;
}
#services a{
	text-decoration:none;
}
#services a:hover{
	text-decoration:underline;
}
/*fin services*/

/*planacces*/
#planacces{
	margin-bottom:20px;
}
#planacces a{
	text-decoration:none;
}
#planacces a:hover{
	text-decoration:underline;
}
/*fin planacces*/

/*############## DECAL ANIM JS NEWS*/
#decal{
	position:absolute;
	width:330px;
	height:227px;
	/*margin-left:165px;*/
	margin-top:0px;
	background:url(./images/div_fleche.gif) no-repeat top right;
	z-index:20;
}
#contenu_news{
	position:absolute;
	z-index:21;
	width:300px;
	padding-right:3px;
	/*padding-left:168px;*/
}

#contenu_news a{
	color:#153685;
	text-decoration:none;
	border:0 none;
}
#contenu_news a:hover{
	color:#153685;
	text-decoration:underline;
	border:0 none;
}

#contenu_news #titre a{
	font-size:14px;
	color:#C33218;
	text-decoration:none;
	border:0 none;
}
#contenu_news #titre a:hover{
	color:#C33218;
	text-decoration:underline;
	border:0 none;
}

/*PERMIS*/

#cadre_permis{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #0A4E9E;
	min-height:300px;
	height:auto;
	_height:300px;
	text-align:center;
}
.navig_permis{
	background:#BDD1E7;
	height:23px;
	line-height:23px;
	font-weight:bold;
}
#cadre_permis table{
	width:90%;
	margin:5px auto;
	font-size:12px;
	color:#153685;
}
#cadre_permis table td{
	width:50%;
}
.permis_soustitre{
	text-decoration:underline;
	padding-bottom:5px;
}
#cadre_permis table td.jour{
	text-align:right;
	padding-right:10px;
}
#cadre_permis table td.heure{
	text-align:left;
	padding-left:10px;
}
#permis_consulter a{
	color:#C33218;
	text-decoration:none;
}
#permis_consulter a:hover{
	color:#C33218;
	text-decoration:underline;
}



.navtext {
	visibility:hidden;
	text-align:left; 
	width:200px; 
	font-family : verdana;
	font-size : 11px; 
	border : 1px solid #00438F;
	background-color :#FFFFFF;
	position:absolute; 
	top:-100px; 
	left:0px; 
	
}