/* début du gabarit de page */
	body {
	font-family:arial;
	font-size:11px;
	background-color:#fff;
	color:#000000;
	margin: 0;
	padding: 0;
	}
	#header {
	width:780px;
	height:131px;
	}
	
	#conteneur {
	width:800px;
	margin:auto;
	background-color:#ffffff;
	}
	
	#centre {	/*pour la home-page*/
	float:left;
	margin:3px 8px 0 8px;
	background-color:#ffffff;
	width:413px;
	z-index:1;
	
	}
	
	#centre_deux {	/*pour les pages internes*/
	float:left;
	margin-top:3px;
	background-color:#ffffff;
	width:610px;
	padding-left:8px;
	z-index:1;
	}
	
	#gauche {
	float:left;
	width:168px;
	margin-top:3px;
	z-index:1;
	}
	
	#droite {
	float:left;
	width:183px;
	margin-top:3px;
	z-index:1;
	}
	
	
	.a_pied{
	text-decoration:none;
	color:#000000;
	font-size:11px;
	font-family:arial;
	}
	.a_pied:hover{
	text-decoration:none;
	color:#000000;
	font-size:11px;
	font-family:arial;
	}
	
	/* fin du gabarit de page */
	
	
	
	
	/* début du menu */
	
	
	
	/* NAV */
	#menu {
	 /* placement du menu au premier plan */
	top:103px;
	left:auto;
	z-index:100;
	background-color:#003399;
	}
	
	
	
	ul#nav {
		position: absolute;
		top:103px;
		left:auto;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		width: 780px;
		height: 28px;
		z-index:101;
	}
	ul#nav li {
		display: block;
		float: left;
		z-index:100;
		margin-right:1px;
	}
	ul#nav li#menu7Container {
		display: block;
		float: left;
		margin-right:0px;
		z-index:100;
	}
	ul#nav li span {
		display: block;
		z-index:100;
	}
	ul#nav li a {
		display: block;
		color: #FF7B0F;
		text-align: left;
		text-decoration: none;
		font-family:arial;
		z-index:100;
		}
	ul#nav li a:hover {
		color: #FC7904;
		z-index:100;
		}
	
	.survol {
	padding-left:8px;
	padding-right:8px;
		background-color:none;
		line-height:18px;
		font-size:12px;
		font-weight:bold;
		}
	.survol:hover {
	padding-left:8px;
	padding-right:8px;
		background-color:#fff;
		line-height:18px;
		font-size:12px;
		font-weight:bold;
		}
		
	
	ul#nav li#menu6Container span {
		border-right: none;
		z-index:100;
	}
	ul#nav ul#menu1Content {
		margin-top: 2px;
		margin-right:2px;
		margin-bottom:2px;
		margin-left:2px;
		padding: 0px;
		list-style-type: none;
		text-align: left;
		font-size:12px;
		font-family:arial;
		width: 130px;
		position: absolute;
		background-color:#000000;
		background-image: url(/img/fond_menu1.jpg);
		border: 1px solid #FF7B0F;
		overflow: hidden;
		z-index:100;
	}
	
	ul#nav ul#menu1Content li{
	width:130px;
	}
	
	ul#nav ul#menu2Content {
		margin-top: 2px;
		margin-right:2px;
		margin-bottom:2px;
		margin-left:2px;
		padding: 0px;
		list-style-type: none;
		text-align: left;
		font-size:12px;
		width: 69px;
		position: absolute;
		background-color:#000000;
		background-image: url(/img/fond_menu2.jpg);
		border: 1px solid #FF7B0F;
		overflow: hidden;
		z-index:100;
	}
	ul#nav ul#menu2Content li{
	width:69px;
	}
	ul#nav ul#menu3Content {
		margin-top: 2px;
		margin-right:2px;
		margin-bottom:2px;
		margin-left:2px;
		padding: 0px;
		list-style-type: none;
		text-align: left;
		font-size:12px;
		width: 164px;
		position: absolute;
		background-color:#000000;
		background-image: url(/img/fond_menu3.jpg);
		border: 1px solid #FF7B0F;
		overflow: hidden;
		z-index:100;
	}
	ul#nav ul#menu3Content li{
	width:164px;
	}
	ul#nav ul#menu4Content {
		margin-top: 2px;
		margin-right:2px;
		margin-bottom:2px;
		margin-left:2px;
		padding: 0px;
		list-style-type: none;
		text-align: left;
		font-size:12px;
		width: 190px;
		position: absolute;
		background-color:#000000;
		background-image: url(/img/fond_menu4.jpg);
		border: 1px solid #FF7B0F;
		overflow: hidden;
		z-index:100;
	}
	ul#nav ul#menu4Content li{
	width:190px;
	}
	
	ul#nav ul#menu5Content {
		margin-top: 2px;
		margin-right:2px;
		margin-bottom:2px;
		margin-left:2px;
		padding: 0px;
		list-style-type: none;
		text-align: left;
		font-size:12px;
		width: 138px;
		position: absolute;
		background-color:#000000;
		background-image: url(/img/fond_menu5.jpg);
		border: 1px solid #FF7B0F;
		overflow: hidden;
		z-index:100;
	}
	ul#nav ul#menu5Content li{
	width:138px;
	}
	ul#nav ul#menu6Content {
		margin-top: 2px;
		margin-right:2px;
		margin-bottom:2px;
		margin-left:2px;
		padding: 0px;
		list-style-type: none;
		text-align: left;
		font-size:12px;
		width: 51px;
		position: absolute;
		background-color:#000000;
		background-image: url(/img/fond_menu.jpg);
		border: 1px solid #FF7B0F;
		overflow: hidden;
		z-index:100;
	}
	ul#nav ul#menu6Content li{
	width:51px;
	}
	ul#nav ul#menu7Content {
		margin-top: 2px;
		margin-right:2px;
		margin-bottom:2px;
		margin-left:2px;
		padding: 0px;
		list-style-type: none;
		text-align: left;
		font-size:12px;
		width: 100px;
		position: absolute;
		background-color:#000000;
		background-image: url(/img/fond_menu.jpg);
		border: 1px solid #FF7B0F;
		overflow: hidden;
		z-index:100;
	}
	ul#nav ul#menu7Content li{
	width:100px;
	}
	
	ul#nav ul li span {
		border-right: 0px;
		border-top: 0px;
		z-index:100;
	}
	ul#nav ul li span a {
		text-align: left;
		z-index:100;
	}
	#menu1Content { display: none; z-index:100; height:0px;}
	#menu2Content { display: none; z-index:100; height:0px;}
	#menu3Content { display: none; z-index:100; height:0px;}
	#menu4Content { display: none; z-index:100; height:0px;}
	#menu5Content { display: none; z-index:100; height:0px;}
	#menu7Content { display: none; z-index:100; height:0px;}
	/* fin du menu */
	
	
	
	/* début du moteur */
	#moteur{
	position: absolute; /* placement du moteur sur le fond et sous le menu */
	top:59px;
	left: 628px;
	z-index:50;
	width: 152px;
	height: 62px; 
	background-image: url(/img/fond_moteur.gif);
	background-repeat:no-repeat;
	text-align: left;
	padding-left:8px;
	padding-top:18px;
	color:#165DD7;
	}
	.fmoteur{
	font-size:12px;
	color:#165DD7;
	}
	/* fin du moteur */
	
	/* liens header */
	#accueil{
	position: absolute;
	top:5px;
	margin:auto;
	z-index:51;
	text-align:right;
	width:780px;
	}
	.a_accueil{
	text-align:right;
	text-decoration:none;
	/*color:#000000;*/
	color:#007c96;
	/*color:#48BDCB; */
	font-size:11px;
	font-family:arial;
	}
	.a_accueil:hover{
	text-decoration:none;
	text-align:right;
	/*color:#000000;*/
	color:#ff0000;
	font-size:11px;
	font-family:arial;	
	font-weight:bold;
	}
	
	
	
	
	
	/*menu de gauche*/
	.titres_menu{
	margin:0px;
	padding:6px 0 6px 12px;
	background-color:#028BBE;
	text-align:left;
	font-size:11px;
	font-family:arial;
	vertical-align:middle;
	color:#ffffff;
	font-weight:bold;
	}
	.titresmenuverts{
	color:#CDD259;
	}
	.liens_menu{
	margin-top:6px;
	margin-bottom:8px;
	text-align:left;
	color:#A3A74A;
	font-weight:bold;
	z-index:1;
	text-decoration:underline;
	}
	
	.liens_menu:hover{
	margin-top:6px;
	margin-bottom:8px;
	text-align:left;
	color:#A3A74A;
	font-weight:bold;
	z-index:1;
	text-decoration:none;
	}
	.crochets{
	margin-top:6px;
	margin-bottom:8px;
	text-align:left;
	color:#A3A74A;
	font-weight:bold;
	z-index:1;
	}
	
	.menu-texte{
	margin-top:6px;
	margin-bottom:8px;
	padding-left:9px;
	background-color:#ffffff;
	text-align:left;
	font-weight:normal;
	z-index:1;
	}
	
	.menuPhoto{
	text-align:center;
	}
	
	.soustitres_gras_bg{
	color:#0A246A;
	font-weight:bold;
	}
	
	.ref_prix{
	color:#FF7B10;
	}
	
	.adresse{
	color:#5087DA;
	}
	/*menu de gauche*/
	
	
	/*menu de droite*/
	.liens_commande{
	margin:0;
	padding:0;
	text-align:left;
	color:#CDD259;
	font-weight:bold;
	font-family:arial;
	font-size:11px;
	z-index:1;
	text-decoration:underline;
	}
	.liens_commande:hover{
	margin:0;
	padding:0;
	text-align:left;
	color:#CDD259;
	font-weight:bold;
	font-family:arial;
	font-size:11px;
	z-index:1;
	text-decoration:none;
	}
	.crochets_commande{
	margin:0;
	padding:0;
	text-align:left;
	color:#CDD259;
	font-weight:bold;
	z-index:1;
	}
	
	.menu-texted{
	margin-top:6px;
	margin-bottom:12px;
	padding-left:9px;
	background-color:#ffffff;
	text-align:left;
	font-weight:normal;
	z-index:1;
	}
	
	.titres_menud {
		margin:0px;
		padding:6px 0 6px 12px;
		background-color:#CDD259;
		font-size:12px;
		color:#71742B;
		font-weight:bold;
		height:24px;
		voice-family: "\"}\"";
		voice-family:inherit;
		height:12px;

	}
	
	.titres_liens_menud{
	background-color:#CDD259;
	font-size:12px;
	color:#71742b;
	font-weight:bold;
	padding:6px 0 6px 12px;
	text-decoration:underline;
	}
	
	.titres_liens_menud:hover{
	background-color:#CDD259;
	font-size:12px;
	color:#71742b;
	font-weight:bold;
	padding:6px 0 6px 12px;
	text-decoration:none;
	}
	
	.photoDroit{
		text-align:center;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	
	.photo_droit img {
	margin-top:2px;
	}
	
	
	#conteneur_commande{
	margin-top:11px;
	margin-bottom:11px;
	}
	
	.commande_rapide{
	background-color:#CDD259;
	font-size:12px;
	color:#71742B;
	font-weight:bold;
	font-family:arial;
	padding-left:12px;
	}
	
	.fond_commande_rapide{
	background-color:#028BBE;
	}

	.texte_commande{
	font-size:11px;
	color:#000000;
	vertical-align:middle;
	}
	
	
	input
	{
	color:#000000;
	font-size:11px;
	font-family:Arial;
	}
	form{
	margin:0;
	padding:0;
	}
	
	/*menu de droite*/
	
	/*bloc central home page*/
	.texte_centre{
	background-color:#ffffff;
	text-align:justify;
	font-size:11px;
	font-family:arial;
	color:#000000;
	font-weight:normal;
	}
	.vignette{
	background-color:#EDEAEC;
	}
	.texte_vignette{
	text-align:left;
	font-size:11px;
	font-family:arial;
	color:#000000;
	font-weight:normal;
	background-color:#EDEAEC;
	}
	
	.liens_centre{
	font-size:11px;
	font-family:arial;
	color:#028BBE;
	font-weight:bold;
	text-decoration:underline;
	}
	
	.liens_centre:hover{
	font-size:11px;
	font-family:arial;
	color:#028BBE;
	font-weight:bold;
	text-decoration:none;
	}
	
	.crochets_centre{
	font-size:11px;
	font-family:arial;
	color:#028BBE;
	font-weight:bold;
	}
	.mais_aussi{
	font-size:11px;
	color:#028BBE;
	font-family:arial;
	background-color:#EDEAEC;
	font-weight:bold;
	text-decoration:underline;
	}
	.mais_aussi:hover{
	font-size:11px;
	color:#028BBE;
	font-family:arial;
	background-color:#EDEAEC;
	font-weight:bold;
	text-decoration:none;
	}
	

	
/*fin de bloc central home page*/

/*partie catalogue*/

	.texte_normal{
	font-size:11px;
	font-family:arial;
	color:#000000;
	font-weight:normal;
	}
	
	.texte_normal_just{
	font-size:11px;
	font-family:arial;
	color:#000000;
	font-weight:normal;
	text-align:justify;
	}
	
	.texte_gras{
	font-size:11px;
	font-family:arial;
	color:#000000;
	font-weight:bold;
	}
	.texte_gras_rouge2{
	font-size:11px;
	font-family:arial;
	color:#FF0000;
	font-weight:bold;
	}
	
	.fiche_intitule_prod{
	font-size:16px;
	color:#028BBE;
	font-weight:bold;
	}
	
	.fiche_prix{
	font-size:16px;
	color:#FF7B10;
	font-weight:bold;
	}
	
	.fichePrixBarre{
	font-size:14px;
	color:#FF7B10;
	font-weight:bold;
	text-decoration:line-through;
	}
	
	.fiche_gras_vert{
	font-weight:bold;
	color:#A3A74A;
	}
	
	.fiche_gras_bleu{
	font-weight:bold;
	color:#028BBE;
	}
	
	.fiche_liens{
	font-size:11px;
	color:#A3A74A;
	font-weight:bold;
	text-decoration:underline;
	}
	
	.fiche_liens:hover{
	font-size:11px;
	color:#A3A74A;
	font-weight:bold;
	text-decoration:none;
	}
	
	.liens_noirs{
	color:#000000;
	font-size:11px;
	font-weight:normal;
	font-family:arial;
	text-decoration:none;
	}
	
	.liens_noirs:hover{
	color:#000000;
	font-size:11px;
	font-weight:normal;
	font-family:arial;
	text-decoration:none;
	}
	
	/*tableau modèles*/
	.niveau{
	color:#028BBF;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	}
	
	
	.soustitres_tableau{
	color:#000;
	font-size:11px;
	font-weight:normal;
	font-family:arial;
	}
	
	.soustitres_tableau_g{
	color:#000;
	font-size:11px;
	font-weight:bold;
	font-family:arial;
	}
	
	.texte_gras_i{
	color:#333;
	font-size:11px;
	font-weight:normal;
	font-family:arial;
	}
	
	.texte_gras_bleu{
	color:#028BBE;
	font-size:11px;
	font-weight:bold;
	font-family:arial;
	}
	
	/*fin tableau modèles*/
	/*fin partie catalogue*/
	
	/*gestion*/
	
	.liens_gestion{
	font-size:11px;
	color:#028BBE;
	font-weight:bold;
	text-decoration:underline;
	padding:0; margin:0;
	}
	
	.liens_gestion:hover{
	text-decoration:none;
	}
	
	.i24{
	font-size:11px;
	color:#028BBE;
	font-weight:bold;
	text-decoration:underline;
	padding:0; margin:0;
	}
	
	.i24:hover{
	font-size:11px;
	color:#028BBE;
	font-weight:bold;
	text-decoration:none;
	padding:0; margin:0;
	}
	
	.liens_gestion_vert{
	font-size:12px;
	color:#A3A74A;
	font-weight:bold;
	text-decoration:underline;
	}
	
	.liens_gestion_vert:hover{
	font-size:12px;
	color:#A3A74A;
	font-weight:bold;
	text-decoration:none;
	}
	
	.titres_tableau{
	font-size:13px;
	color:#FF7B10;
	font-weight:bold;
	font-family:arial;
	}
	
	.alerte{
	font-size:13px;
	color:#ff0000;
	font-weight:bold;
	font-family:arial;
	}
	
	
	/*gestion*/
	
	/*tricothèque*/
	.texte_intro{
	text-align:left;
	font-size:11px;
	font-family:arial;
	color:#028BBE;
	font-weight:bold;
	}
	
	.texte_intro_medium{
	text-align:left;
	font-size:11px;
	font-family:arial;
	color:#028BBE;
	}
	
	.texte_intro_light{
	text-align:justify;
	font-size:11px;
	font-family:arial;
	color:#028BBE;
	}
	
	.texte_intro_n{
	font-size:11px;
	font-family:arial;
	color:#028BBE;
	font-weight:normal;
	text-align:left;
	}
	.texte_intro_center{
	text-align:center;
	font-size:11px;
	font-family:arial;
	color:#A3A74A;
	font-weight:bold;
	}

	
	.texte_intro_right{
	text-align:right;
	font-size:11px;
	font-family:arial;
	color:#A3A74A;
	font-weight:bold;
	}
	
	.texte_intro_gras{
		text-align:left;
		font-size:14px;
		font-family:arial;
		color:#A3A74A;
		font-weight:bold;
	}
	
	.nArticle{
		font-size:10px;
		font-family:arial;
		color:#000;
		font-weight:normal;
		font-style:italic;
	}
	
	.texte_intro_light{
		text-align:justify;
		font-size:11px;
		font-family:arial;
		color:#A3A74A;
		font-weight:normal;
	}
	.trico_titre{
	font-size:18px;
	color:#FF7B10;
	font-weight:bold;
	}
	
	.trico_liens{
	font-size:11px;
	color:#028BBE;
	font-weight:bold;
	text-decoration:underline;
	}
	.trico_liens:hover{
	font-size:11px;
	color:#028BBE;
	font-weight:bold;
	text-decoration:none;
	}
	
	.trico_liens_orange{
	font-size:11px;
	color:#FF7B10;
	font-weight:bold;
	text-decoration:underline;
	}
	.trico_liens_orange:hover{
	font-size:11px;
	color:#FF7B10;
	font-weight:bold;
	text-decoration:none;
	}
	
	.trico_liens_non{
	font-size:11px;
	color:#028BBE;
	font-weight:bold;
	text-decoration:none;
	}
	.trico_liens_non:hover{
	font-size:11px;
	color:#028BBE;
	font-weight:bold;
	text-decoration:none;
	}
	
	.trico_liens_vert{
	font-size:11px;
	color:#A3A74A;
	font-weight:bold;
	text-decoration:underline;
	}
	.trico_liens_vert:hover{
	font-size:11px;
	color:#A3A74A;
	font-weight:bold;
	text-decoration:none;
	}
	
	.trico_vert{
	font-size:11px;
	color:#A3A74A;
	font-weight:bold;
	}
	
	.trico_titre_news{
	font-size:14px;
	font-family:arial;
	color:#028BBE;
	font-weight:bold;
	}
	
	.trico_news_date{
	font-size:11px;
	font-family:arial;
	font-style:italic;
	color:#A3A74A;
	}
	.image_flottante{
	float:left;
	margin-left:0;
	margin-right:8px;
	margin-top:0;
	border:0;
	}
	/*tricothèque*/
	
	/*contacts*/
	.fonctions{
	font-size:13px;
	font-family:arial;
	font-weight:bold;
	color:#028BBE;
	}
	
	.nom{
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	color:#000000;
	}
	
	.tel{
	font-size:11px;
	font-family:arial;
	font-weight:normal;
	color:#000000;
	}
	.mail{
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	color:#A3A74A;
	text-decoration:underline;
	}
	.mail:hover{
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	color:#A3A74A;
	text-decoration:none;
	}
	/*formulaire*/
	
p#notes {
	border-bottom: 1px dotted #028BBE;
	padding-bottom: 1em;
}
p#footer {
	border-top: 1px dotted #028BBE;
	padding-top: 1em;
}
/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 40em;	/*** Largeur du formulaire ***/
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: #028BBE;
	margin: 0;
	padding: .5em;
}

.titreFormVariant{
color:#CDD259;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #028BBE;
	color: black;
	background: #EDEAEC;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #028BBE;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
	color:#000000;	/*** ... et centrés verticalement. ***/
}

#corpForm fieldset#recherche label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
	color:#000000;	/*** ... et centrés verticalement. ***/
}
.fix10{
	height:10px;
}
.accesLabel{	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
	color:#000000;	/*** ... et centrés verticalement. ***/
}

#corpForm fieldset#votremessage label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
	color:#000000;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}


#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #CDD259;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif') no-repeat left center;
}
	/*formulaire*/
.confirmation{
font-family:arial;
font-size:13px;
font-weight:bold;
color:#FF7B10;
}	
	
	/*contacts*/
	
/*conditions de vente*/
#conditions{
font-family:arial;
}

#conditions dt{
font-size:11px;
font-family:arial;
font-weight:bold;
color:#028BBE;
}

#conditions dd{
font-size:11px;
font-family:arial;
font-weight:normal;
color:#000;
text-align:justify;
margin-top:3px;
margin-bottom:10px;
}
.soustitres_def{
font-size:11px;
font-family:arial;
font-weight:bold;
color:#A3A74A;
}
.zero_marge{
margin-bottom:0;
}
/*conditions de vente*/

/*plan*/

.liens_plan{
font-family:arial;
font-size:15px;
font-weight:bold;
color:#FF7B10;
text-decoration:underlined;
}

.liens_plan:hover{
font-family:arial;
font-size:15px;
font-weight:bold;
color:#FF7B10;
text-decoration:none;
}

.pliens_plan{
font-family:arial;
font-size:13px;
font-weight:bold;
color:#FF7B10;
text-decoration:underlined;
}

.pliens_plan:hover{
font-family:arial;
font-size:13px;
font-weight:bold;
color:#FF7B10;
text-decoration:none;
}
/*plan*/

/*forum*/
.nom_forum{
font-family:arial;
font-size:12px;
font-weight:bold;
color:#fff;
}

.nom_forump{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#FF7B10;
}

.avertissement{
font-size:12px;
font-family:arial;
font-weigth:bold;
color:#FF7B10;
}

	.intitule_form{
	font-size:11px;
	font-family:arial;
	color:#A3A74A;
	font-weight:bold;
	}
	
	.texte_confirmation{
	font-size:11px;
	font-family:arial;
	color:#028BBE;
	font-weight:bold;
	}

/*forum*/

/*catalogue*/

	.offre{
	font-size:12px;
	font-family:arial;
	color:#028BBE;
	font-weight:bold;
	font-style:italic;
	}
	
	.pliens{
	font-size:9px;
	font-family:arial;
	color:#028BBE;
	font-weight:bold;
	text-decoration:underline;
	}
	
	.pliens:hover{
	font-size:9px;
	font-family:arial;
	color:#028BBE;
	font-weight:bold;
	text-decoration:none;
	}
	
	.texte_gras_orange{
	font-size:11px;
	color:#FF7B10;
	font-weight:bold;
	}
	
	.texte_gras_rouge{
	font-size:13px;
	color:#FF0000;
	font-weight:bold;
	}
	
	.texte_gras_bleu{
	font-size:12px;
	color:#028BBE;
	font-weight:bold;
	}
	
/*formulaire catalogue*/
#formu {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	background-color:#EDEAEC;
	color: #FF7B10;
	margin: 0;
	padding: 1em;
	}
#formu fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 .5em .5em;
	border:1px solid #FF7B10;
}
#formu legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #0FF7B10;
	background: transparent;
}
#formu p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}


#formu fieldset#recherche label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
	font-size:11px;
	color:#000;	/*** ... et centrés verticalement. ***/
}

#formu label:hover {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#formu label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#formu .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#formu a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#formu a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#formu a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#formu .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #CDD259;
	color: black;
}
#formu .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}


/*formulaire catalogue*/


/*catalogue*/

/*pointsdevente*/

	.mag_adresse{
	color:#028BBE;
	font-size:13px;
	font-weight:bold;
	font-family:arial;
	}
	
	.aide{
	color:#028BBE;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	}
	
	.mag_ville{
	font-size:13px;
	font-family:arial;
	font-weight:bold;
	color:#A3A74A;
}

/*pointsdevente*/

/*commande*/
.intitules_commande{
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	color:#fff;
	text-align:center;
	}
	
.reference_art{
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	color:#000;
	text-align:right;
	}
.commande_titre{
	font-size:19px;
	font-family:arial;
	font-weight:bold;
	color:#028BBE;
	text-align:center;
	}
	
.explications{
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	color:#028BBE;
	text-align:center;
	}

	.liens_numero_client{
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:underline;
	}
	
	.liens_numero_client:hover{
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	}
	
	.conditions_gen_titre{
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	color:#FF7B10;
	}
	
	.conditions_gen_stitre{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#028BBE;
	}
	.conditions_gen_accroche{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#A3A74A;
	}
	.paiement_titre{
	font-size:14px;
	color:#CDD259;
	font-weight:bold;
	font-family:arial;
	}
	.paiement_annonce{
	font-size:11px;
	color:#028BBE;
	font-weight:bold;
	font-family:arial;
	}
	.paiement_annonce_resultat{
	font-size:11px;
	color:#FF7B10;
	font-weight:bold;
	font-family:arial;
	}
	.paiement_securise{
	font-size:12px;
	color:#A3A74A;
	font-weight:bold;
	font-family:arial;
	}
	
	.lienContact{
		font-size:11px;
		font-family:arial;
		color:#028BBE;
		font-weight:bold;
		text-decoration:underline;
	}
	
	.lienContact:hover{
		text-decoration:underline;
	}
/*commande*/

/*pavé regroupement*/

	.fondRegroupements {
		background: #D4EBF5;
	}

/*pavé regroupement*/



.mode_livraison
{
		font-size:11px;
		font-family:arial;
		color:#000000;
		text-decoration:none;
		cursor:help;
}

#divTooltip	{
	position:absolute;
	top:0px;
	width:205px;
	padding:3px 5px 3px 5px;
	z-index:100;
	background-color:#efefef;
	border:1px solid #d4d4d4;
	visibility:hidden;
}

.tooltip-style {
	color:#000;
	font-size:1em;
	padding:0;
}