@charset "utf-8";

/* Styles communs */

/* http://css.alsacreations.com/Tutoriels-et-articles-divers/gerer-la-taille-du-texte-avec-les-em */
html {
font-size: 100%;
/*font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
}
body {
font-size: 62.5%;
background : #0f0f0f url(../images/fond.jpg) no-repeat top center;
}

* {
background-repeat:no-repeat;
}

h1{
	font-size:  1.8em;
	color : black;
	font-weight:bold;
}

h2 {
font-size:1.6em;
font-weight:bold;
color:#BF0000;
margin:7px 10px;
/*background : url(../images/puce-rouge.gif) no-repeat center left;
padding-left : 14px;*/
}

strong{
color:#BF0000;
}

h3 {
font-size:1.4em;
font-weight:bold;
color:#000;

}

h4{
font-size:1.2em;
}

h3 img {
margin-right:5px;
}

p {
font-size:1.2em;
color:#000;
margin:5px 5px;
}

a, a:visited{
text-decoration:none;
color:#BF0000;
}

a:hover{
text-decoration:underline;
color:#BF0000;
}

.td_right{
text-align:right;
color:#BF0000;
vertical-align:top;
}

.td_left{
text-align:left;
color:#000;
vertical-align:bottom;
}

.td_left p{
	font-size: 1em;
	margin:0px 0px;
	margin-bottom : 10px;

}
#centre .td_left ul{
	font-size: 1em;
}

input.qtite{
	width : 20px;
}
/* Page */

#page{
border:1px black solid;
margin:0px auto;
padding : 0;
width:1000px;
position:relative;
background : white;

}

#centre .td_left strong{
	color: black;
}

	/* header / bandeau */

	#bandeau{
	margin:0;
	height:205px;
	background-image:url(../images/header.jpg);
	position:relative;
	top : 0px;
	left: 0px;
	z-index : 200;
	}

		#bandeau a.logo{
		width:280px;
		height:160px;
		position:absolute;
		top : 0px;
		left: 0px;
		}

		#bandeau h1{
		color:#BF0000;
		font-size:2.4em;
		font-style:italic;
		position:absolute;
		left:310px;
		top:30px;
		width:400px;
		}

	/* header / marketing */

	#marketing{
	height:27px;
	width : 1000px;
/*	background-image:url(../images/marketing.jpg);*/
	position:absolute;
	top : 150px;
	left:0px;
	}

		#marketing a#pchauchard,
		#marketing a#pchauchard:visited{
		font-size:2.1em;
		font-style:italic;
		color:#BF0000;
		position:absolute;
		top:10px;
		left:20px;
		text-decoration:none;
		}

		ul#market {
		margin:0 0 0 343px;
		padding-top:0px;
		font-size:1.1em;
		width : 310px;
		height: 25px;
		float : left;
		}
				ul#market li{
				list-style:none;
				float:left;
				width : 150px;
				}

				ul#market li.ajout_favoris{
					width : 130px;
				}

				ul#market li.recommander{
					width : 180px;
				}
					ul#market li img{
					float:left;
					}
					ul#market li a{
					text-decoration:none;
					color:#FFFFFF;
					display:block;
					padding-left:20px;
					padding-right:10px;
					}
					ul#market li a:hover{
					text-decoration:underline;
					}

			#marketing form {
			float:right;
			overflow:hidden;
			height:21px;
			}

			#marketing form p{
			color:#FFFFFF;
			float:left;
			display:block;
			margin:0 10px 0  0;
			}
			#marketing form input.field{
			float:left;
			border:1px solid #990033;
			width:126px;
			color:#BF0000;
			font-size:0.9em;
			text-align:center;
			}
			#marketing form input#ok{
			margin:-1px 15px 0px 5px;
			padding:0;
			}

	/* menu haut */

	#menu{
	clear:both;
	margin:0;
	height:35px;
	/*background-image:url(../images/menu.jpg);*/
	position : absolute;
	top :173px;
	right: 0px;
	z-index: 100;
	width : 700px;
	}

		ul#menul{
		float:right;
   	margin:0 0px 0 0;
		padding-top:8px;
		width : 720px;
		height : 35px;
		}
			ul#menul li{
			list-style:none; /*pas de puce*/
			margin:0 4px;
			float:left;
			width : 100px;
			}

				ul#menul li a{
				font-size:1.1em;
				font-weight:bold;
				display:block;
				text-decoration:none;
				height:19px;
				padding-top:7px;
				text-align:center;
				color:black;
				}
				ul#menul li a:hover,
				ul#menul li a.actif {
				color:white;
				}

				ul#menul li#acc{
					width:70px;
				}

				ul#menul li#acc a{

				background-image:url(../images/menu/menu1-6_blanc.gif);
				}
				ul#menul li#acc a:hover,
				ul#menul li#acc a.actif{
				background-image:url(../images/menu/menu1-6_noir.gif);
				}

				ul#menul li#pres{
					width:87px;
				}
				ul#menul li#pres a{
				background-image:url(../images/menu/menu2-3_blanc.gif);
				}
				ul#menul li#pres a:hover,
				ul#menul li#pres a.actif{
				background-image:url(../images/menu/menu2-3_noir.gif);
				}

				ul#menul li#sav{
					width:87px;
				}

				ul#menul li#sav a{
				background-image:url(../images/menu/menu2-3_blanc.gif);
				}
				ul#menul li#sav a:hover,
				ul#menul li#sav a.actif{
				background-image:url(../images/menu/menu2-3_noir.gif);
				}

				ul#menul li#com{
					width:140px;
				}

				ul#menul li#com a{
				background-image:url(../images/menu/menu4_blanc.gif);
				}
				ul#menul li#com a:hover,
				ul#menul li#com a.actif{
				background-image:url(../images/menu/menu4_noir.gif);
				}

				ul#menul li#cond{
					width:187px;
				}
				ul#menul li#cond a{
				width:187px;
				background-image:url(../images/menu/menu5_blanc.gif);
				}
				ul#menul li#cond a:hover,
				ul#menul li#cond a.actif{
				background-image:url(../images/menu/menu5_noir.gif);
				}

				ul#menul li#ctct a{
				width:70px;
				background-image:url(../images/menu/menu1-6_blanc.gif);
				}
				ul#menul li#ctct a:hover,
				ul#menul li#ctct a.actif{
				background-image:url(../images/menu/menu1-6_noir.gif);
				}

	/* contenu */

	#contenu{
		margin-top:10px;
		min-height : 450px;
	}

	  /* menu à gauche */

		#menugauche{
		margin:0;
		float:left;
		width:220px;
		padding:0 5px;
		}
			#menugauche h2{
			color:#FFFFFF;
			font-size:1.3em;
			padding:2px 0 0 22px;
			margin:0;
			background : none;
			}



			#menugauche li{
			list-style:none;
			}

			#menugauche .cata{
			  margin-bottom:10px;
			}

			#menugauche .anoter{
				font-size : 10px;
				text-align: center;
			}


				#menugauche .cata div.haut{
				width:217px;
				height:26px;
				background-image:url(../images/cata-haut.gif);
				}
				#menugauche .cata div.mid{
				width:217px;
				background-image:url(../images/cata-mid.gif);
				background-repeat:repeat-y;
				}

				#menugauche p{
					margin : 0;
				}

					#menugauche .cata h3{
					margin:0 7px;
					cursor: pointer;
					padding:0;
					font-weight:bold;
					font-size:1.2em;
					list-style:none;
					display:block;
					}

					#menugauche .cata .contenumenu{
						display:none;
					}

					#menugauche .cata a{
						margin:0;
						padding:0;
						text-decoration:none;
						color:#000;
					}

					#menugauche .cata a:hover{
						color:#09F;
					}

						#menugauche .cata .stretcher{
							margin:0px 5px;
						}

						#menugauche .cata .stretcher a, #menugauche .cata .stretcher a:visited{
						margin:0px 0px 0px 10px;
						padding:0;
						text-decoration:none;
						color:#C00;
						font-weight:bold;
						}

						#menugauche .cata .stretcher a:hover{
						text-decoration:none;
						color:#09F;
						}

				#menugauche .cata div.bas{
				background-image:url(../images/cata-bas.gif);
				width:217px;
				height:8px;
				}

			#menugauche .cata .contenumenu a{
				color:#CC0000;
				font-weight:bold;
				padding-left : 10px;
				font-size : 0.85em;
			}

			#menugauche .cata .contenumenu a:hover{
				text-decoration : underline;
			}

      #logos{
      margin:0;
      padding:0;
      height:30px;
 			}

		/* Centre */

		#accueil #centre{
			float:left;
			margin:0;
	  	width:760px;
	    /*background : #F7F7F7;*/
			padding : 5px;
			position : relative;
		}

		#centre{
			float:left;
			margin:0;
	  		width:560px;
	    /*background : #F7F7F7;*/
			padding : 5px;
		}

		.centreAccueil #centre{
			width : 750px;
		}


		#centre h2{
			margin-top : 0px;
		}

		#centre.large{
		  width:770px;
		}

			#centre  ul{
				font-size:1.2em;
				margin-left: 13px;
				width : 130px;
				float : right;
			}

			#centre li{
			list-style-image:url(../images/puce-nb.gif);
				display : inline;
			}

			#centre #contenuFicheStatique li{
			list-style-image:url(../images/puce-nb.gif);
				display : inline;
			}

			#centre #contenuFicheStatique ul{
				font-size:1.2em;
				margin-left: 13px;
				width : 230px;
				float : right;
			}
			
			#centre #contenuFicheStatique .plan_site ul{
        float : none;
      }
      
      #centre #contenuFicheStatique .plan_site li{
        display : block;
      }
      
      



			#centre img.left{
      float:left;
      margin:0 5px 5px 0;
      ;
			}

			#centre img.right{
      float:right;
      margin:0 0 5px 5px;
			}

      #textaccueil{
      width:440px;
      border-bottom : 1px solid black;
      padding-bottom : 10px;
      }

      #textaccueil p{
      	margin-bottom : 0px;
      }

      #introAccueil{
      	height : 250px;
      	width : 450px;
      	float : left;
      	margin-right: 20px;
      }


      #textaccueil .lienLireSuiteAcc{
      	padding-bottom : 0px;
      	margin-top  :0px;
      	text-align : right;
      }

      #textaccueil .lienLireSuiteAcc a{
      	color : #BF0000;
      	text-decoration : underline;
      }

			#video {
				float:left;
				margin:0;
				padding:0;
				padding-top : 20px;
				padding-right : 10px;
				width : 270px;
				margin-bottom : 10px;
			}

			#contenuFicheStatique #video {
				float:left;
				margin:0;
				padding:0;
				padding-top : 0px;
				padding-right : 10px;
				width : 270px;
				margin-bottom : 10px;
			}

		  	#centre.large #video {
				float:right;
				margin:0px 10px;
				padding:0;
			}


				#menu-video p{
					color:#BF0000;
					margin:0;
					padding:0;
					font-weight:bold;
					text-align : right;
					width : 265px;
				}

				#menu-video a, #menu-video a:visited, #menu-video a:hover{
					/*margin:20px 3px 0px 0px;
					padding:5px 18px 5px 18px;*/

					color:#BF0000;
					text-decoration:none;
					font-weight:bold;
					font-size:0.8em;
				}

				#visuel {

					width : 270px;

					padding:0;
				}

			/* selection */

			#selection {
			margin:5px auto 10px auto;
			padding:0;
			width:750px;
			height :200px;
			clear:both;
			background-image:url(../images/fond_selection_accueil.jpg);
			}

				.hautSelect{
				height:33px;

				}

				.midSelect{

				height:144px;
				padding:0px 8px;
				overflow:auto;
				margin:0;
				}

					.produit{
					width:175px;
					height:143px;
					background-image:url(../images/fond_produit_selection.jpg);
					float:left;
					margin:0 4px;
					position:relative;
					text-align:center;
					}

					.produit p{
						text-align:center;
						width : 130px;
						margin : 0;
						padding:0;
						margin-left:auto;
						margin-right : auto;
						font-size : 1em;

					}

						.produit img{
						/*width:140px;*/
						margin:0;
						margin-top:5px;
						}

						#selection .produit a, #selection .produit a:hover, #selection .produit a:visited{
						color:#FFF;
						text-decoration:none;
						display:block;
						width:100%;
						font-size:1.2em;
						position:absolute;
						bottom:4px;
						left:0px;
						}

				.basSelect{
				height:16px;

				}

				#selection h2{
				color:#FFFFFF;
				font-size:1.6em;
				text-align:center;
				padding-top:6px;
				margin:0;
				background : none;
				padding-left:0;
				}

    #block{
    width:350px;
    float:left;
    }

    #textesaumon{
    width:480px;
    float:left;
    }

		/* menu droit */

		#menudroit{
		margin:0;
		padding:0 5px;
		float:left;
		width:180px;
		}

		/* espace client - panier */

			#block-gauche{
			background-image:url(../images/fond_connexion.png) !important;
			background-image: none;
			position: absolute;
			top: 0px;
			left: 380px;
			width : 280px;
			padding-top : 5px;
			z-index:4000;

			}

			#menudroit #block-gauche{
			background-image:url(../images/fond_connexion.png) !important;
			background-image: none;
			position: static;
			width : 180px;
			padding-top : 5px;

			}

				#block-gauche .haut{
				height:24px;
				padding:0;
				margin:0;
				text-align:center;
				}

					#block-gauche .haut h2{
					padding-top:4px;
					margin:0;
					padding-bottom:0px;
					font-size:1.6em;
					color:#BF0000;
					background :none;
					}

				#block-gauche .haut h2 a{
					color : #d50000;
				}

				#block-gauche .mid{
				margin:0;
				padding:0;
				padding-left : 10px;
				}

				#block-gauche .mid strong{
					color : black;
				}

				#block-gauche .mid form {
					overflow :hidden;
				}

				#block-gauche .mid form div.linksConnexion{
					clear : both;
					text-align : right;
				}

				#block-gauche .mid form div.linksConnexion a{
					color : black;
					display : block;
					float : right;
					margin-right: 5px;
					font-weight : bold;
				}
					#block-gauche .mid form p{
						float : left;
						margin-right : 5px;
					}


					#block-gauche .mid p{
						text-align:left;
						margin:0;
						padding:0;
					}

					#block-gauche .mid{
						overflow :hidden;
					}


					/** panier **/
					#menudroit #block-gauche{
			margin-top:10px;
			}

				#menudroit #block-gauche .haut{
				height:24px;
				padding:0;
				margin:0;
				background-image:url(../images/espace-client/espa-h.gif);
				text-align:center;
				}

					#menudroit #block-gauche .haut h2{
					padding-top:4px;
					margin:0;
					padding-bottom:0px;
					font-size:1.6em;
					color:#BF0000;
					background :none;
					}

				#menudroit #block-gauche .haut h2 a{
					color : #d50000;
				}

				#menudroit #block-gauche .mid{
				background:url(../images/espace-client/espa-m.gif) repeat-y;
				margin:0;
				padding:0;
				padding-left : 10px;
				}

				#menudroit #block-gauche .mid strong{
					color : black;
				}



					#menudroit #block-gauche .mid p{
					text-align:left;
					margin:0;
					padding:0;
					}

						#menudroit #block-gauche .mid .prix{
						text-align:right;
						margin-right:13px;
						}

						#menudroit #block-gauche .mid p.nom{
						font-weight:bold;
						padding-top:5px;
						color : #BF0000;
						margin-bottom : 10px;
						}

						#menudroit #block-gauche span.conditionnement{
							background : url(../images/bullet_red.jpg) no-repeat left top;
							padding-left: 16px;
							font-size : 12px;
							font-weight: bold;
						}

					#menudroit #block-gauche a.bas-panier img{
						border : none;
						margin-left: 13px;
						margin-top : 5px;
					}

					#menudroit #block-gauche .modifierPanier{
						border : none;
						background : url(../images/edit.jpg) no-repeat top left;
						padding : 0;
						margin-left : 5px;
						color : white;
						font-size : 0.1em;
						width : 16px;
						height : 16px;
					}

					#menudroit #block-gauche .supprimerPanier{
						border : none;
						background : url(../images/delete.jpg) no-repeat top left;
						padding : 0;
						padding-left : 12px;
						color : white;
						height : 16px;
					}

					#menudroit #block-gauche .viderPanier{
						border : none;
						background : url(../images/basket_remove.jpg) no-repeat top left;
						padding : 0;
						padding-left : 15px;
						font-size : 10px;
						margin-left: 50px;
						width :110px;
						margin-top : 20px;
					}

					#menudroit #block-gauche table{
					margin:0;
					padding:0;
					}

          #menudroit #block-gauche form{
					margin:0;
					padding:0;
					}

					#menudroit #block-gauche table td.right{
					text-align:right;
					margin:0;
					padding:0;
					}

					#menudroit #block-gauche input.field{
					width:126px;
					border:1px solid #903;
					color:#F60;
					font-size:1.2em;
					text-align:center;
					margin:0;
					padding:0;
					}

			#menudroit 	#block-gauche .bas{
				height:18px;
				background-image:url(../images/espace-client/espa-b.gif);
				}

				/*** fin panier ***/

					#block-gauche .mid p.deconnexion, #block-gauche .mid p.commandeEtape1{
						float : left;
					}

					#block-gauche .mid p.deconnexion a,#block-gauche .mid p.commandeEtape1 a{
						font-weight: bold;
					}

					#block-gauche .mid p.commandeEtape1{
						padding-left: 40px;
					}

						#block-gauche .mid .prix{
						text-align:right;
						margin-right:13px;
						}

						#block-gauche .mid p.nom{
						font-weight:bold;
						padding-top:5px;
						color : #BF0000;
						margin-bottom : 10px;
						}

						#block-gauche span.conditionnement{
							background : url(../images/bullet_red.jpg) no-repeat left top;
							padding-left: 16px;
							font-size : 12px;
							font-weight: bold;
						}

					#block-gauche a.bas-panier img{
						border : none;
						margin-left: 13px;
						margin-top : 5px;
					}

					#block-gauche .modifierPanier{
						border : none;
						background : url(../images/edit.jpg) no-repeat top left;
						padding : 0;
						margin-left : 5px;
						color : white;
						font-size : 0.1em;
						width : 16px;
						height : 16px;
					}

					#block-gauche .supprimerPanier{
						border : none;
						background : url(../images/delete.jpg) no-repeat top left;
						padding : 0;
						padding-left : 12px;
						color : white;
						height : 16px;
					}

					#block-gauche .viderPanier{
						border : none;
						background : url(../images/basket_remove.jpg) no-repeat top left;
						padding : 0;
						padding-left : 15px;
						font-size : 10px;
						margin-left: 50px;
						width :110px;
						margin-top : 20px;
					}

					#block-gauche table{
					margin:0;
					padding:0;
					}

          #block-gauche form{
					margin:0;
					padding:0;
					}

					#block-gauche table td.right{
					text-align:right;
					margin:0;
					padding:0;
					}

					#block-gauche input.field{
					width:110px;
					border:1px solid #903;
					color:#BF0000;
					font-size:1.2em;
					text-align:center;
					margin:0;
					padding:0;
					}

				#block-gauche .bas{
				height:18px;
				}

				.paiment{
					list-style :none;
					padding :0;
					margin : 0;
					margin-left: 30px;
					margin-top : 10px;
				}

				.chronopost{
					margin-left : 25px;
				}

			/* Compte espace perso */

			/* Tableau commande en cours*/
			.commande_en_cours{
				border-collapse: collapse;
				border : 1px solid #E5E5E5;
				background : white;
				font-size : 1.2em;
			}

			.commande_en_cours tbody th,.commande_en_cours tbody a,{
				font-weight: normal;
				font-style: normal;
			}

			.commande_en_cours thead{
				background : #c00000;
				color : white;
				font-size : 1.1em;
			}

			.commande_en_cours td, .commande_en_cours th{
				padding : 5px;
			}

			.commande_en_cours .paire{
				background : white;
			}

			.commande_en_cours .impaire{
				background : #E5E5E5;
			}

			.commande_en_cours tfoot td,.commande_en_cours tfoot th{
				border : none;
			}

			.commande_en_cours tfoot .remise, .commande_en_cours tfoot .total{
				border-left : 1px solid #E5E5E5;
			}

			.commande_en_cours tfoot{
				border-top : 1px solid #E5E5E5;
			}


			.commande_en_cours .imprimer{
				border-top : 1px solid #E5E5E5;
			}

			.commande_en_cours .montant{
				text-align:right;
				width : 48px;
			}

			.commande_en_cours .total{
				width : 50px;
			}
			.commande_en_cours td{
				border-bottom : 1px solid #E5E5E5;
			}

			/* Commande étape 1 */

			.liste_recap{
				border-collapse: collapse;
				border : 1px solid #E5E5E5;
				background : white;
				margin-bottom : 20px;
				font-size : 1.2em;
				width: 500px;
				margin-left : auto;
				margin-right: auto;
			}

			.liste_recap td, .liste_recap th{
				padding : 3px;
			}

			.liste_recap thead{
				background : #c00000;
				color : white;
				padding : 0;
			}

			.liste_recap tfoot td,.liste_recap tfoot th{
				border : none;
			}

			 .paire{
				background : white;
			}

			.paire td{
				/*border : 1px solid #E5E5E5;*/
			}

			.liste_recap .impaire{
				background : #E5E5E5;
			}

			.liste_recap .montant{
				text-align:right;
				width : 40px;
			}
			.liste_recap .total{
				width : 50px;
			}
			.liste_recap tfoot{
			border-top : 1px solid #E5E5E5;
			}


			/* Tableau montant */

			#montant_total{
				margin-left:400px;
				font-size : 1.2em;
				border : 1px solid #E5E5E5;
				background : white;
			}

			#montant_total .montant{
				text-align:right;
			}

			.error{
				color : red;
				margin : 10px 0px;
				background : url(../images/error_delete.jpg) no-repeat left top;
				text-indent: 20px;
			}

			.submitEtape1 {
				margin:0;
				padding:1px;
				margin-left:2px;
			}

			.submitEtape1Valid{
				margin-left:230px;
			}

			td.qtite{
				width:58px;
			}

			/* liste et page actu */
			#currentActu{
				width : 530px;
				min-height : 248px;
				padding : 10px;
			}

      #currentActu .imageArticle{
        float : right;
        padding-left:10px;
			 padding-bottom : 10px;
			 width : 100px;
			 height : 120px;
			 text-align :center;
			 padding-top:  10px;
      }

			#currentActu .imageArticle img{


			 border : none;
			}



			#currentActu p {
        text-align : justify;
      }

			#listeActu{
				width : 520px;
				background : #f8d6d4;
				padding : 5px;
				padding-top : 2px;
				margin-left:5px;
			}

			#centre #contenuFicheStatique #listeActu ul{
				width : 500px;
				float:  none;
				list-style : none;

			}

			#centre #contenuFicheStatique #listeActu ul li{
				float : none;
				display : block;
				padding-left:10px;
				background : url(../images/puce-rouge.gif) no-repeat left 5px;
				line-height : 1.5em;
				list-style : none;
			}

			#listeActu a {
				color : #c90200;
			}

			#listeActu #pagination a{
				color : #6F0100;
			}

			#centre #listeActu li{
				list-style-image: url(../images/puce-rouge.gif);
			}

			#listeActu h3, #currentActu h3{
				color : #6F0100;
				margin : 0;
				margin-left:  5px;
			}

			/* Menu actu */
			#actu{
			margin:10px 0px;
			width : 450px;
			margin-top : 5px;
			}



					#actu .haut h2{
					color:#BF0000;
					font-size:1.6em;
					padding:4px;
					margin:0;
					}

				#actu .mid{
					padding-left : 60px;
					padding-top : 10px;
					background : url(../images/cadre_actu_accueil.jpg) no-repeat top left;
					height : 99px;
					position : relative;
				}

				#actu .mid .prev{
					position : absolute;
					top: 42px;
					cursor: pointer;
					left: 30px;
				}

				#actu .mid .next{
					position : absolute;
					top: 42px;
					cursor: pointer;
					right:20px;
				}

				#actu .mid .more_actu{
					text-align: right;
					padding-top : 3px;
					font-size : 0.9em;
				}

				#actu .mid .more_actu a:link{
					color: #BF0000;
					text-decoration:underline;
					font-style : italic;
				}

				#actu .mid ul li p{
					padding : 0px 5px;
					font-size : 1em;
				}

				#actu .mid ul li h4{
					margin-left: 5px;
				}

				#actu .mid h4{
					margin: 0;
					padding : 0;
					margin : 0 10px 3px 10px;
				}

				#actu .mid h4 a{
					color : black;
				}


						#actu .mid p{
						margin:0;
						padding:2px 10px;
						color:#555555;
						}

						#actu .mid ul{
							margin-top : 0px;
							width : 330px;
							height : 79px;
							margin-bottom : 0px;
							float : none;
						}

						#actu .mid li, #actu .mid #actu_unit{
							width : 330px;
							height : 79px;
						}





							#actu .mid .titre a{
							color:#BF0000;
							text-transform: uppercase;
							}

							#actu .mid .date{
							color:#BF0000;
							}



							#actu .mid p a:hover{
							color:#BF0000;
							text-decoration:none;
							}



		/* Page statique*/

		#ficheStatique{
			width : 560px;
			position: relative;
		}

		#ficheStatique #titre{
			background : url(../images/ficheStatique.jpg) no-repeat top left;
			height: 50px;
			padding-right : 10px;

		}

		#ficheStatique #titre h2{
			font-size : 1.6em;
		}

		#contenuFicheStatique{
			background:url(../images/fichprod/fichprod_m.jpg) repeat-y;
			padding-left: 10px;
			padding-right : 10px;
			padding-top : 5px;
			padding-bottom : 5px;
			overflow : hidden;
		}

		#basFicheStatique{
			background-image:url(../images/fichprod/fichprod_b.jpg);
    	height:13px;
    	margin:0 0 5px 0;
    	padding:0;
    	clear: right;
		}

		/*Page produit*/

		#fichprod_h{
    background-image:url(../images/fichprod/fichprod_h.jpg);
    height:164px;
    margin:0;
    padding:0;
    position:relative;
    }

		.fichprod_m{
    background:url(../images/fichprod/fichprod_m.jpg) repeat-y;
    margin:0;
    padding:0;

    }

    #fichprod_sep{
    background-image:url(../images/fichprod/fichprod_sep.jpg);
    height:1px;
    margin:0;
    padding:0;
    overflow:hidden;
    }

    #fichprod_b{
    background-image:url(../images/fichprod/fichprod_b.jpg);
    height:13px;
    margin:0 0 5px 0;
    padding:0;
    }

    .alertStock{
    	padding : 8px;
    	text-align : center;
    	font-size : 1.5em;
    	font-weight : bold;
    	color : black;
    }

		#titre h2{
		margin-left:30px;
		padding-top:7px;
		margin-top:0;
		color:#FFF;
		background :none;
		}

		#ss-titre{
    margin-left:60px;
    margin-top:30px;
    padding:0;
    width:190px;
    font-size : 1.2em;
    }

    #ss-titre p{
    margin:5px 0px;
    text-align:center;
    padding:0;

    }

		#illustration{
			width:210px;
			height:100px;
			position:absolute;
			top:50px;
			left:310px;
			vertical-align: middle;
		}

		#illustration img{
		display:block;
		margin:auto;
		}

		#illustration .voirPlusGrand{
			display:block;
			width : 220px;
			height : 120px;
		}

		#illustration .voirPlusGrand img{
			border:none;
		}

		#description{
		width:530px;
		margin:0 0 0 13px;
		}

		#description table{
    font-size:1.2em;
		/*font-weight:bold;*/
		margin-bottom:10px;
    }


		#bas-page *{
		margin:0;
		}

		.prix{
			color : #BF0000;
		}

		#tableau-panier{
		width:530px;
		font-size:1.2em;
		/*font-weight:bold;*/
    margin-left:13px;
    }

				#bas-page a, #bas-page a:visited, #bas-page a:hover{
					float:right;
					padding-right:80px;
					font-size:1.2em;
					font-weight:bold;
					color:#BF0000;
					text-decoration:none;
				}

		/*Pages interieures*/

		#centre-contact{
		width:485px;
		float:left;
		margin:0px 10px;
		padding:0;
		}

		#menudroit-contact{
		float:left;
		padding:0;
		margin:0px 0px 0px 0px;
		text-align:right;
		}

			#menudroit-contact img{
			margin-bottom:10px;
			}

	/* footer */

	div#footer{
	margin:0;
	height:35px;
	background-color:#000000;
	clear:both;
	position:relative;
	}

		div#footer p{
		color:#FFFFFF;
		font-size:1.1em;
		text-align:center;
		padding-top:11px;
		margin:0;
		margin-right:110px;
    }

    /*div#footer img{
    position:absolute;
    top:-30px;
    left:45px;
    margin:0;
    }*/

		div#footer .paiment{
    position:absolute;
    top:-50px;
    left:-35px;
    margin:0;
    list-style: none;
    }

    div#footer .paiment li{
			padding-bottom : 5px;
		}
    div#footer .paiment img{
			vertical-align: middle;

		}

			div#footer a, div#footer a:visited{
			color:#FFFFFF;
			text-decoration:none;
			}

			div#footer a:hover{
			color:#FFFFFF;
			text-decoration:underline;
			}

		div#footer .idInter{
		position:absolute;
		right:20px;
		top	:11px;
		}

			div#footer .idInter a, div#footer .idInter a:visited{
			color:#FFFFFF;
			font-size:1.1em;
			text-decoration:none;
			}

			div#footer .idInter a:hover{
			color:#FFFFFF;
			text-decoration:underline;
			}

/*Formulaire*/

/* Formulaire global */

.myForm {
 /* width:420px;*/
}
.myForm p {
 	margin:0;
	clear:left;
}
.myForm label.erreur	{
 	color:red;
}

.myForm .erreurLog {
  	color:red;
  	font-size:0.9em;
	padding:0 10px 10px 10px;
}

/* Fieldset et Legend */

.myForm fieldset {
 	margin-bottom:10px;
}
	.myForm legend {
	  	padding:0 20px;
		color:#BF0000;
		font-weight:bold;
	}

/* div pour chaque input */

.myForm .formfield label {
	margin:4px 0;
	display:block;
	width:150px;
	float:left;
}

.myForm .formfield span,
.myForm .formfield input,
.myForm .formfield select,
.myForm .formfield textarea {
  	display:block;
	float:left;
}

/* classes pour la largeur des inputs  */

.myForm .formfield .i1 {
	width:100px;
}
.myForm .formfield .i2 {
	width:300px;
	margin:3px;
}

.myForm .formfield .i3 {
	width:70px;
	margin:3px;
}

.myForm .center {
  	text-align:center;
}

.myForm .CNIL {
  	text-align:justify;
  	padding:10px;
}

/* Spécifique : menu savoir faire */

	ul#savoirfaire.sousmenu, ul#presentation.sousmenu{
		display:none;
	  	position:absolute;
		background:white;
	  	padding:0;
	  	margin:1px 0px 0px -6px;
		filter:alpha(opacity=90);
		-moz-opacity:.90;
		opacity:.90;
		width:100px;
		z-index:100000;
	}
	div#page div#menu ul.sousmenu li,
	div#page div#menu ul.sousmenu li a {
	  	background-image:none;
	  	padding:0;
	  	margin:0;
		color:black;
		width:100px;
	}
	div#page div#menu ul.sousmenu li a:hover {
		background:#FFAA88;
		width:100px;
	}

	#partner{
    overflow : hidden;
  }

	#partner p{
    width : 150px;
    height : 120px;
    float: left;
    margin-right : 10px;
  }

  #partner p img{
    border : none;
  }