/* basic elements */

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
	background-color : #ffffff;
	background-image: url(../img/deco/fond.jpg);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color : #525859;
	text-align : left;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

.titre {
margin : 0 auto;
padding : 0;
color : #FA343D;
font-family : Arial, Helvetica, sans-serif;
text-align : left;
font-weight : bold;
font-size : 18px;
}

.soustitre {
margin : 0 auto;
padding : 0;
color : #FA343D;
font-family : Arial, Helvetica, sans-serif;
text-align : left;
font-weight : bold;
font-size : 14px;
}

.spacer1 {
background-color: #9CA1A6;
height : 5px;

}
 /*------------------------------------------------------*
  *--------      		    Header			     	 ----*
  *------------------------------------------------------*/
.bandeau{
	height: 77px;
	width: 985px;
	background: url(../img/deco/1.jpg);
	background-repeat: repeat-x;
	padding:0px;
	margin:0px;
}

.tabBandeau{
	height: 77px;
	width: 985px;
	border-collapse: collapse;
	border-spacing: 0;
	padding:0px;
	margin:0px;
}

.drapo{
	position: relative;
	weight: 54px;
}

#header {
clear: both;
line-height: 25px;
font-weight: bold;
text-align : center;
color : #FA343D;
}

#header a {
color : #FD7438;
font-weight: bold;
text-decoration : none;
}

#header a:hover {
font-weight: bold;
color : #FA343D;
text-decoration : underline;
}

.logo{
	position: relative;
	top: 29px;
	weight: 256px;
	height: 48px;
	background:url(images/logo.gif) top no-repeat;
}

 /*------------------------------------------------------*
  *--------      		    Middle			     	 ----*
  *------------------------------------------------------*/

#middle {
color : #525859;
text-align : left;
}

#middle a {
color : #FD7438;
font-weight: bold;
text-decoration : none;
}

#middle a:hover {
font-weight: bold;
color : #FA343D;
text-decoration : underline;
}

 /*------------------------------------------------------*
  *--------      		    Footer			     	 ----*
  *------------------------------------------------------*/

#footer {
clear: both;
height : 101px;
text-align : center;
color : #7B7C7E;
}

#footer a {
color : #7B7C7E;
text-decoration : none;
}

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

 /*------------------------------------------------------*
  *--------         	Panier, prix ...	    	 ----*
  *------------------------------------------------------*/
  
TR.panier {
  background: #bbc3d3;
}

TD.panier {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.panier { 
  color: #FFFFFF;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: none;
}

A.panier:hover {
  color: #FFFFFF;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: underline;
}

.prix1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #525859;
}

.prix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525859;
}

.lien1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}


 /*---------------------------------------------------------*
  *----                CSS FORMULAIRE                   ----*
  *---------------------------------------------------------*/
  
.input, input,textarea {
 border: #FFF 1px solid;
 width: 116px;
 font-size: 10px;
}

 /*---------------------------------------------------------*
  *----                    CSS AUTRE                    ----*
  *---------------------------------------------------------*/

.tdContent{
	padding: 61px 0 0 0;
}

#divScrollTextCont{
		/*border: 1px solid black;*/
		position: relative; right: 0px; top: 10px; width: 100%; height: 385px; clip: rect(0px 240px 420px 0px); overflow: hidden; visibility: hidden;
	}
	
#divText{
		/*border: 1px solid black;*/
		position: absolute; left: 0px; top: 0px; width:100%;
	}
	
.scrollbar{
	width: 20px;
	background: #4C1E07;
}

.wrapper {
	z-index: 10000;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 493px;
}

.wrapper2 {
	z-index: 10000;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 376px;
}
 /*---------------------------------------------------------*
  *----            Navigation sous-rubriques            ----*
  *---------------------------------------------------------*/

.navDiv{
	z-index: 1020;
	position: absolute;
	top: 183px;
	left: 143px;/*left: 50%;*/
	/*margin-left: -70px;*/
	padding: 0;
	width: 212px;
	filter:alpha(opacity=90);

-moz-opacity:0.90; 		opacity: 0.90;
	color: #FFFFFF;
}
.navDiv a{
	color: #FD7438;
	text-decoration: none;
}
a.navDivSelected {
	color: #FA343D;
	font-weight: bold;
	text-decoration: none;
}
.firstRowNav{
	height: 20px;
	background: #DBE3EF;
	padding: 12px 10px 12px 10px;
	font-family: 'Times Sans Serif', sans-serif; font-size: 14px;
	color : #FA343D;
	text-transform: uppercase;
	text-align: center;
}
.navDiv2{
	/*border: 1px solid white;*/
	overflow: hidden;
	position: relative;
	padding: 0;
	color: #FFFFFF;
}
.sub_nav_close{
	z-index: 1005;
	position: absolute; left: 86px;
	margin: 0;
	padding: 0;
	width: 141px;
	/*filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; background-color: #8a1d03;*/
}
.sub_nav_open{
	z-index: 1010;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 212px;
	top: 1px;
	/*filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; background-color: #8a1d03;*/
}