@media screen 
{
	a:link {color: #000000; text-decoration:none; }
	a:visited {color: #000000; text-decoration:none; }
	a:hover {color: blue; text-decoration:none; }
	a:active {color: #000000; text-decoration:none; }
	* 
	{
			margin:	0;
			padding: 0;
	}
	body 
	{
			font: 100%  "tahoma", Helvetica, verdana, arial,  sans-serif;
			margin: auto;
	}
	img
	{
			border: none;
	}
	hr
	{
			margin:0% 10% 0% 10%;
	}
	html>body hr
	{
			margin:0% 10% 10px 10%;
	}
	h1{font-size:200%;}
	h2{font-size:180%;}
	h3{font-size:160%;}
	h4{font-size:140%;}
	h5{font-size:120%;}
	h6{font-size:110%;}
	.bord
	{
			border-bottom:solid black 1px;
	}
	#haut_de_page
	{
			height: 100px;
			background-color: #e2211f;
			/* background: #fe0000 url("../images/findus.gif") center no-repeat; */
	}
	#haut_de_page2
	{
			margin: auto;
			width: 960px;
			height: 140px;
			background: #e2211f url("../images/texte_hdp_acc.jpg") center no-repeat;
			/* border:solid black 1px; */
	}
	html>body #haut_de_page2
	{
			margin: auto;
			width: 960px;
			height: 142px;
			background-color: #e2211f;/* border:solid black 1px; */
	}
	.info
	{
			float: right;
			position: relative;
			font-size: x-small;
			width:28em;
			text-align: center;
			padding: 10px 10px 10px 10px;/* border:solid black 1px; */
	}	
	.info a:hover
	{
			background-color: #F9FAF4;
	}
	#pied_de_page
	{
			position:relative;			
			background: url("../images/bas_cont.jpg") no-repeat;
			margin: auto;
			padding-top:10px;
			width: 980px;
			height: 100px;
			text-align:center;
			z-index:0;/* border:solid black 1px;  */
	}

	#contact
	{
			width: 500px;
			margin: auto;
			height: 300px;
	}
	#contenaire
	{
			background:	transparent url("../images/mid_cont.jpg") top left repeat-y;
			width: 980px;
			margin: auto;
			height: 700px;
			
	}
	html>body #contenaire /* astuce pour min-height pour les autres nav. que IE */
	{
			height: auto;
			min-height: 700px;
	}
	#contenaire_index
	{
			background:	transparent url("../images/mid_cont.jpg") top left repeat-y;
			width: 980px;
			margin: auto;
			height: 300px;			
	}
	html>body #contenaire_index /* astuce pour min-height pour les autres nav. que IE */
	{
			height: auto;
			min-height: 300px;
	}

	#contenu
	{
			text-align:left;
			font-size: 80%;
			margin: auto;
			margin:40px 0px 10px 0px;
	}
	#contenu h1
	{
			font-size: 200%;
			
	}
	#contenu h4
	{
			font-size: 150%;
			
	}
	html>body #contenu
	{
			text-align:left;
			font-size: 80%;
			margin: auto;
			margin:25px 0px 10px 0px;
	}
	html>body #contenu h1
	{
			font-size: 220%;
			
	}
	#contenu table
	{
			table-layout:fixed;
			width:700px;
			vertical-align:middle;
			font-size:0.9em;
	}
	#contenu td
	{
			padding:10px;
			vertical-align:top;
 /* border:solid black 1px; */
	}
	#contenu2
	{
			font:Helvetica, verdana, arial,  sans-serif;
			text-align:left;
			font-size: 80%;
			margin: auto;
			margin:0;
			padding:0;
	}
	#contenu2 table
	{
			table-layout:fixed;
			width:700px;
			vertical-align:middle;
			font-size:0.9em;
	}
	html>body #contenu2 table
	{
			table-layout:fixed;
			width:700px;
			vertical-align:middle;
			font-size:0.9em;
	}
	#contenu2 td
	{
			padding:10px;
			vertical-align:middle;
			height:163px;
 /* border:solid black 1px;  */
	}
	#souscont
	{
			width: 980px;
			margin: auto;
	}
	#menu 
	 {
			float: left;
		 	position: absolute;
			margin:0;
			width: 100%; /* précision pour Opera  il faut mettre 100%*/
			/* border:solid black 1px; */
	}
	#menu table
	{
			font-size: 70%;
	}
	#menu td
	{	
			vertical-align: bottom;
			text-align: left;
	}
	#menu td a 
	{
			text-decoration: none;
			display: block;
			height: 100%;
			border: none;
	}
	.petit
	{	
			width: 65px;
	}
	.petit a:hover
	{	
			color: white;
	}
	#corps
	 {
			margin: auto;
			width: 720px;
			margin-left: 10px;
			padding: 5px 10px 0px 0px;
			/* text-align: center; */
			/* font-size: 100%; */
			overflow: auto ;
			background-color: #ffffff;
	}
	#corps_index
	 {
			margin: auto;
			width: 950px;

			/* font-size: 100%; */
			overflow: auto ;
			background-color: #ffffff;
	}
	#contenu_index
	{
			/* border:solid black 1px; */
			width:95%;
			margin:auto;margin-top: 50px;margin-bottom: 0px;
	
	}
	#contenu_index table
	{
			margin:auto;
	}
	#contenu_index td
	{
			padding:0px; /* border:solid black 1px; */
			height:170px;
			width:200px;
			vertical-align:middle;text-align: center;				
	}
	#contenu_index img
	{
			/* border:3px ridge #ccc; */
			
						
	}
	.titre1
	 {
			font-family: "Gill Sans Light", "Gill Sans", Helvetica, verdana, arial, sans-serif;
			/* margin-left: 10px;*/
			margin-top: 10px; 
			/* font-size: 100%; */
			font-weight: bold;
			text-align: left;
			background:	transparent url(../images/titre1.jpg) bottom left no-repeat; 
			text-indent: 2%;
	}

	.sous_titre1
	 {
			font-family: Helvetica, verdana, arial, sans-serif;
			text-align: left;
			font-size:1.1em;
			text-indent: 4%;
			margin-left: 10px;
			color:blue;
	}
	#corps2
	 {
			margin: auto;
			width: 100%;
			/* padding-top: 5px; */
			height: 800px;
			text-align: center;
			font-size: 100%;
			background: #fe0000;
	}
	#corps2 table, #corps2 tr, #corps2 td, #corps2 th 
	{
			margin: auto;
			margin-top: 50px;
	}
	#corps3
	 {
			background-color: #ffffff;
			margin : 0px 0px 5px 10px;
			width: 650px;
			padding: 5px 15px 5px 15px;
	}
	#corps3 table, #corps3 tr, #corps3 td, #corps3 th 
	{
			margin: auto;
			vertical-align: middle;
			margin-top: 1px;
		/*  border: 1px solid #CCC;  */
	}
	#corps3 td
	{
			padding: 5px;
	}
	#corps3 .titre, #corps3d .titre
	{
			text-align: center;
	}
	#corps3d
	{
			margin: 95px 15px 5px 5px;
			float: right;
			width: 250px;
			padding: 0px;
			font-size: 90%;
	}
	#corps3d .print
	{
			display:none;
	}
	#corps3d .titre1bis
	{
			font-size: 120%;
	}
	#corps3d .titre2
	{
			font-size: 140%;
			font-weight: bold;
	}
	#corps3d table
	{
			table-layout:fixed;
			width: 250px;
	}
	#corps3d table, #corps3d tr, #corps3d td, #corps3d th 
	{
			margin: auto;
			text-align: left;
			vertical-align: middle;
			font-size: 85%;
	}
	#corps3d td
	{
			padding: 5px;
	}
	#corps3d .nopad
	{
			padding: 1px;
	}
	#corps3d .bord
	{
			border-bottom: 1px solid #CCC;
	}
	#corps4
	 {
			background-color: #ffffff;
			margin: auto;
			width: 720px;
			margin-left: 10px;
			padding: 5px 10px 5px 0px;
			text-align: left;
			font-size: 100%;
			overflow: auto ;
	}
	#corps5
	 {
			background-color: #ffffff;
			margin : 0px;
			margin: auto;
			width: 900px;
			margin-left: 10px;
			padding: 5px 15px 5px 15px;
			text-align: left;
			font-size: 100%;
			overflow: auto ;
	}
	#produits
	{
			float: left;
			font-size: 100%;
			padding: 0px;
			margin: 0px;
	}
	#produits .titre2
	{
			text-align: center;
			font-size: 130%;
			font-weight: bold;
	}
	#produits table, #produits tr, #produits td, #produits th 
	{
			text-align: center;
			vertical-align: middle;
			font-size: 90%;
	}
	#produits table
	{
			border-bottom: 1px solid #CCC;
			margin-left: 20px;
			table-layout:fixed;
			width: 450px;
	}
	#produits td
	{
			padding: 5px;
	}
	#boite
	{
			background: transparent url("../images/milieu-boite.jpg") center bottom no-repeat;
			float: right;
			width: 170px;
			padding: 0px;
			margin: 0px;
	}
	#boite table
	{
			background: transparent url("../images/haut-boite.jpg") center top no-repeat;
	}
	#boite table
	{
			text-align: left;
			font-size: 85%;
	}
	#boite tr, #boite td, #boite th 
	{
			text-align: left;
			font-size: 85%;
			padding: 2px 20px;
	}
	html>body #boite table /*"html>body" permet d'appliquer un style aux autres nav que IE (il faut que ce style apparraisse APRES le style IE pour écraser ce dernier <> IE ne prend pas en considération "html>body")*/
	{
			text-align: left;
			font-size: 85%;
	}
	html>body #boite tr, #boite td, #boite th 
	{
			text-align: left;
			font-size: 85%;
			padding: 2px 20px;
	}
	#boite .titre2
	{
			text-align: center;
			font-size: 100%;
			font-weight: bold;
	}
	#boite a:hover
	{
			color: blue;
	}
	.logo
	{
			float: left;
			margin-top:5px;
			margin-left:5px;
			height: 85px;
			width: 80px;
	}
	.mend
	{
			float: right;
			width: 200px;
			margin: 25px 15px 2px 1px;
			/* border: 1px solid #CCC; */
	}
	*>.mend
	{
			float: right;
			width: 200px;
			margin: 25px 21px 2px 1px;
	}
	.mend table
	{
			table-layout:fixed;
			width: 100%;	
	}
	.mend table, .mend tr, .mend td, .mend th 
	{
			text-align: left;
		/* border: 1px solid #CCC; */	
	}
	.mend tr
	{
			height: 19px;
	}
	.mend td
	{
			padding: 5px; border: 3px ridge #ccc;
			min-width:190px;background:#e2211f;color:#fff;
	}
	
	.mend a
	{
			font-size: 78%;
			display: block;color:#fff;
	}
	.mend a:hover
	{
			font-weight: bold;
	}
	.lien
	{
			margin-right: 2px;
	}
	.lien2
	{
			font-size: 70%;
			text-align: right;
	}
	.lien2 a
	{
			text-decoration: underline;
	}

	.roll1 a
	{
			opacity : 1.0;
		    filter : alpha(opacity=100);
			background-image:url("../images/sur-men2.jpg");
	} 
	.roll1 a:hover
	{
			background-position:-117px 0px;
	}  
	.roll2 a
	{
			opacity : 1.0;
		    filter : alpha(opacity=100);
			background-image:url("../images/nut-men2.jpg");
	} 
	.roll2 a:hover
	{
			background-position:-117px 0px;
	}  
	.roll3 a
	{
			opacity : 1.0;
		    filter : alpha(opacity=100);
			background-image:url("../images/fev-men2.jpg");
	} 
	.roll3 a:hover
	{
			background-position:-117px 0px;
	}
	.roll4 a
	{
			opacity : 1.0;
		    filter : alpha(opacity=100);
			background-image:url("../images/prod-men2.jpg");
	} 
	.roll4 a:hover
	{
			background-position:-117px 0px;
	}  	
	.rollover2 a:hover
	{
			color: blue;
	}
	#prodslog
	{
			font-family: garamond, arial, verdana, sans-serif;
			text-indent: 20px;
			text-align: center;
	}
	.preparation
	{
			font-family: arial, verdana, sans-serif;
			font-size: 80%;
	}
	.sousligne
	{
			border-bottom: 1px solid #CCC;
	}
	#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9, #smenu10, #smenu11
	{
			font-size: 0.8em; 
			font-weight: bold;
			text-indent: 40px;/* border: 1px solid #000; */
			 filter : alpha(opacity=65);
    -moz-opacity : 0.65;
    opacity : 0.65; 
	}
	#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover, #smenu5 a:hover, #smenu6 a:hover, #smenu7 a:hover, #smenu8 a:hover, #smenu9 a:hover, #smenu10 a:hover, #smenu11 a:hover
	{
			color: blue;
			background:yellow;
	}
	.lettrine
	{
			/* float:left; */ font-size:2.2em;background:#F9FAF4;/* color:blue; */font-weight: bold;
	}
	.decale1
	{
			text-indent: 40px;
	}
	.decale2
	{
			text-indent: 70px;
	}
	.heureusement
	{
			display:block;
			position:absolute;
			left:44%;
			width:40%;
			text-align:right;
			font-weight:bold;
			color:black;
			font-size:0.8em;
	}
	html>body .heureusement
	{
			display:block;
			position:absolute;
			left:26%;
			width:40%;
			text-align:right;
			font-weight:bold;
			color:black;
			font-size:0.8em;
			
	}
	.lignac
	{
			position:relative;top:2%;
			/* border: 1px solid #CCC; */
			table-layout:fixed;
			width:500px;

	}
	html>body .lignac
	{
			/* border: 1px solid #CCC; */
			table-layout:fixed;
			width:500px;
	}
	.lk
	{
			
	}
	.sitemap
	{
		text-align:center;
		width:100%;
		font-size:0.7em;
	}
	.sitemap table
	{
				
			table-layout:fixed;
			width:900px;
			border:solid #ccc 1px;
	}
	.sitemap td
	{
			vertical-align:top;
	}
	.liste table
	{
			margin:10px;
	}
	.liste tr, .liste td
	{
			border:solid #ccc 1px;
			font-size:0.9em;text-align:left;
	}
	#news
	{
			padding:0px;margin:0px;margin-top:10px;margin-left:238px;/* border:1px solid #000 */;width:450px;height:400px
	}
	html>body #news
	{
			padding:0px;margin:4px;margin-top:10px;margin-left:240px;/* border:1px solid #000; */width:454px;height:392px
	}
}
@media print 
{
	#contenaire
	{
			width: 20cm;
			margin: auto;		
	}
	
	#corps3d
	{
			font-size: 8pt;
			float : none !important;
	}
	#corps3d .print
	{
			font-size: 14pt;
	}
	#corps3
	{
			font-size: 8pt;
			margin:0;
			padding:0;
	}
	#corps3 .img
	{
			width:8cm;
	}
	#corps3 .noprint
	{
			display:none;
	}
	#corps3 table 
	{
			table-layout:fixed;
			width: 16cm;
	}
	#corps3 td
	{
			width: 5cm;
			text-align:left;
			/* border: 1px solid #CCC; */ 
	}
	#corps3d table 
	{
			table-layout:fixed;
			width: 10cm;
	}
	#pied_de_page
	{
			display:none;	
	}
	.preparation
	{
			font-family: arial, verdana, sans-serif;
			font-size: 100%;
	}
	.sousligne
	{
			border-bottom: 1px solid #CCC;
	}
	img
	{
			border: none;
	}
	a:link {color: #000000; text-decoration:none; }
	a:visited {color: #000000; text-decoration:none; }
	a:hover {color: blue; text-decoration:none; }
	a:active {color: #000000; text-decoration:none; }
	* 
	{
			margin:	0;
			padding: 0;
	}
	body 
	{
			font: 100%  Helvetica, verdana, arial,  sans-serif;
			margin: auto;
	}
	

}