/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#761110 url(images/bg.gif);
}

#fond-degrade
{background:url(images/bg-top.gif) repeat-x top left;}

#container
{
	width:808px;
	margin:0 auto;
	text-align:left;
	color:#000;
	padding:30px 0 0 0;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.2em;
	color:#000;
	margin:0;
	padding:0 0 10px 74px;	
}

p
{
	font-size:1.2em;
	color:#000;
	margin:0;
	padding:0 64px 20px 74px;
	text-align:justify;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Corps ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

/* ombres droites et bas de la boîte de contenu */
#orContinueBoxContenu {background:#fff url(images/ombre_drContinue.gif) repeat-y top right; width:808px;}
#orBoxContenu {background:url(images/ombre_dr.gif) no-repeat top right;}
#obBoxContenu {background:url(images/ombre_bas.gif) repeat-x bottom left; }

/* coins ronds de la boîte de contenu */
#tgBoxContenu {background: url(images/boxContenu_coinTG.gif) no-repeat top left;}
#trBoxContenu {background:url(images/boxContenu_coinTD.gif) no-repeat top right;}
#bgBoxContenu {background:url(images/boxContenu_coinBG.gif) no-repeat bottom left;}
#brBoxContenu {background: url(images/boxContenu_coinBD.gif) no-repeat bottom right;}



/* -------------------------------------------------------------------------------------------------- */
/* --------------------------------------- header --------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

#header
{
	width:800px;
	border-bottom:7px solid #000;
	padding:0 0 21px  0;
}

/* -------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- logo --------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
h1#logoCompagnie
{
	width:313px;
	float:left;
	padding:31px 0 0 40px;
}

h1#logoCompagnie img.logo
{
	display:block;
}

#logoPrint
{display: none;}

/* --------------- top menu --------------- */

#topMenu ul
{
	float:right;
	font-size:1em;
	list-style:none;
	margin:0;
	padding:77px 86px 0 0;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 4px;
	color:#000;
}

#topMenu ul li.lienActif
{
	text-decoration:underline;
	color:#BE1919;
}

#topMenu a:link, #topMenu a:visited, #topMenu a:active
{
	color:#000;
	text-decoration:none;
}

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

/* -------------------------------------------------------------------------------------------------- */
/* --------------------------------------- contenu --------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

#contenu
{
	width:800px;
	padding:0 0 12px 0;
}

#contenu-bg
{	
	width:800px;
	background:url(images/i_point.gif) repeat-y 33px 0;
	padding:25px 0 30px 0;
}

#contenu a:link, #contenu a:active, #contenu a:visited
{
	color:#BE1919;
}

#contenu a:hover
{
	color:#000;
	text-decoration:none;
}

#colGau
{
	float:left;
	width:562px;
}

#colDr
{
	float:left;
	width:222px;
}

/* ----------- liste colonne gauche --------------- */
#colGau ul
{
	margin:0 0 0 65px;
	padding:0 0 20px 0;
}

#colGau ul li
{
	font-weight:bold;
	font-size:1.2em;
	padding:0 0 7px 33px;
}

/* ---------- Liste de produits ----------------------------------- */

.blocProduits
{
	width:662px;
	margin:0 0 20px 74px;
}

.blocProduitsThumb
{
	float:left;
	width:125px;
	margin: 0 50px 0 0;
	padding:0;
}

.blocProduitsThumbLast
{
	float:left;
	width:125px;
	margin:0;
	padding:0;
}

.photoProduits
{
	width:125px;
	border:1px solid #000;
	text-align:center;
}

.nomProduits
{margin:0 0 3px 0;}

.nomProduits p
{
	font-weight:bold;
	text-align:center;
	padding:4px 0;
	font-size:1.1em;
}

/* ----------- colonne droite ---------------*/
#colDr p.txtColDr
{
	font-size:1.1em;
	margin:0;
	padding:0 0 0 42px;
}

#boxCoordonnees
{margin:20px 0 0 0;}

#boxCoordonnees span
{font-size:1.1em;}

#boxCoordonnees div
{margin:0 0 15px 0;}

/* -------------------------------------------------------------------------------------------------- */
/* --------------------------------------- pied ----------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

#pied
{
	color:#fff;
	text-align:center;
	font-size:0.9em;
	padding:6px 0 0 0;
}