@charset "utf-8";
/* CSS Document */


body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #FFFFFF url(../images/bg.png) repeat-y; BACKGROUND-POSITION: center 50%; vAlign=top; align=middle;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	max-height: 1000px;
}
a:active {
	font-weight:bold;
	color: #cb0319;
}
a:link {
	color: #cb0319;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #cb0319;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #cb0319;
	font-weight:bold;
}

.zone #container { 
	width: 840px;
	background: url(../images/background.png) repeat-y #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.zone #header { 
	background: url(../images/header.png) no-repeat #FFF;
	padding-left: 10px;
	padding-bottom: 2px;
} 

.zone #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.zone #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:right url(../images/background-right.png) no-repeat #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px;
}

.zone #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 500px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:right url(../images/background-right.png) no-repeat #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
}

.zone #mainContent { 
	margin: 0 200px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.zone #mainContent2 { 
	margin: 0 30px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.zone #footer { 
	padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
height: 120px; background: #FFF url(../images/bgfooter.png) no-repeat; margin: 0 auto; width: 840px; text-align: center; font: bold 0.7em Verdana,Arial; color: #333; clear: both;
} 

.zone #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.zone #newsletter {
color: #000000;
font-size: 10px;
}


.zone #menu { 
	background:url("../images/menu.jpg") no-repeat; 
	width:840px; 
	height:39px; 
	margin:0 0 0 0;
	padding:0 0 0 0; 
	}

.zone #menu span { display: none; }

.zone #menu li, #menu a { height:39px; display:block; } /* change height here also */

.zone #menu li { float:left; list-style:none; _display:inline; position:relative; }

.zone #menu-01 { width: 72px;}
.zone #menu-02 { width: 120px;}
.zone #menu-03 { width: 112px;}
.zone #menu-04 { width: 149px;}
.zone #menu-05 { width: 142px;}
.zone #menu-06 { width: 107px;}
.zone #menu-07 { width: 53px;}
.zone #menu-08 { width: 85px;}

/*-------------- (-79px) X position of button / (-39px) height of image from above ------------- */
.zone #menu-01 a:hover { background:url("../images/menu.jpg") 0px -39px no-repeat; }
.zone #menu-02 a:hover { background:url("../images/menu.jpg") -72px -39px no-repeat; }
.zone #menu-03 a:hover { background:url("../images/menu.jpg") -192px -39px no-repeat; }
.zone #menu-04 a:hover { background:url("../images/menu.jpg") -304px -39px no-repeat; }
.zone #menu-05 a:hover { background:url("../images/menu.jpg") -453px -39px no-repeat; }
.zone #menu-06 a:hover { background:url("../images/menu.jpg") -595px -39px no-repeat; }
.zone #menu-07 a:hover { background:url("../images/menu.jpg") -702px -39px no-repeat; }
.zone #menu-08 a:hover { background:url("../images/menu.jpg") -755px -39px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */
.zone body#index body# #menu-01 { background:url("../images/menu.jpg") 0px -39px no-repeat; }
.zone body#produits #menu-02 { background:url("../images/menu.jpg") -72px -39px no-repeat; }
.zone body#services #menu-03 { background:url("../images/menu.jpg") -192px -39px no-repeat; }
.zone body#location #menu-04 { background:url("../images/menu.jpg") -304px -39px no-repeat; }
.zone body#usages { background:url("../images/menu.jpg") -453px -39px no-repeat; }
.zone body#babillard #menu-06 { background:url("../images/menu.jpg") -595px -39px no-repeat; }
.zone body#contact #menu-07 { background:url("../images/menu.jpg") -702px -39px no-repeat; }
.zone body#coordonnes #menu-08 { background:url("../images/menu.jpg") -755px -39px no-repeat; }

/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

.zone #menu li ul {
	position:absolute;
	left:-9999px;
	padding-left:7px;	
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background-color:#000;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	}

.zone #menu li ul li { 
	height:20px; 				/* Height of each drop down menu item */
	border:1px solid #443927;
	border-top:none;
	}	

.zone #menu li ul li a {
	width:100%;
	height:20px;				/* Height of each drop down menu item, should match above */
	line-height:20px;			/* Height of each drop down menu item again, should match above */
	}

.zone #menu li ul li a span {
	display:block;
	padding-left:15px;
	}

/* Drop down link styles */
.zone #menu a:link, .zone #menu a:visited, .zone #menu a:hover, .zone #menu a:active {
	font-size:1.0em;
	color:#FFFFFF;
	text-decoration:none;
	}

.zone #menu li:hover ul, .zone #menu li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
.zone #menu-02 ul a:hover, .zone #menu-03 ul a:hover, .zone #menu-04 ul a:hover, .zone #menu-05 ul a:hover, .zone #menu-06 ul a:hover { 
	background-image:none;
	background-color:#594a29;
	color:#F9ECD9;
	text-decoration:none;
	}

/* width of drop down menu - choose width that allows items to display on one line */
#menu-02 ul, #menu-02 li { width:160px; }		
#menu-03 ul, #menu-03 li { width:220px; }		
#menu-04 ul, #menu-04 li { width:160px; }
#menu-05 ul, #menu-05 li { width:160px; }
#menu-06 ul, #menu-06 li { width:190px; }


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.zone #contenu {
	text-align: justify;
	margin-right: 10px;
}

.zone #sous_menu {
width: 205px;
padding: 0;
font-size: 0.6em;
font-family: verdana, arial, sans-serif;
}

.zone #sous_menu ul {	
list-style: none;
width: 205px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.3em;
}	

.zone #sous_menu li {
margin-bottom: 1px;
}

.zone #sous_menu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #FFFFFF;
display: block;
padding: 5px;
background: #000000;
border-right: 10px solid #fff;
}	
	
.zone #sous_menu li a:hover {
background: #594a29;
color: #ffffff;
border-right: 10px solid #594a29;
}


.zone #sous_menu .child {
font-size: 0.9em;
padding: 0;
}

.zone #sous_menu .child a {
height: 14px;
padding-left: 10px; 
border-right: 10px solid #fff;
background: #bbb;
color: #808080;
}

.zone #sous_menu .child a:hover {
color: #06f;
background-color: #e0e0e0;
border-right: 10px solid #fff;
}

.white
{
color:#FFFFFF;
}

[if IE 5]>
/* place css box model fixes for IE 5* in this conditional comment */
.zone #sidebar1 { width: 220px; }

<![endif][if IE]>

/* place css fixes for all versions of IE in this conditional comment */
.zone #sidebar1 { padding-top: 30px; }
.zone #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<![endif]