body {
	background-color: #FFFFE0;
	margin:0;
}


/* ---------- MENU HEADER -----------*/

#header {
	height: 136px;
	background-color: #330000;
	background-image: url(images/logo.png);
	background-position: left;
	background-repeat: no-repeat;
}

#tagline {
	background-image: url(images/tagline.png);
	background-position: bottom;
	float: right;
	width: 302px;
	height: 35px;
	background-repeat: no-repeat;
}



#menu_haut {
	background-color: #330000;
}

.cat{
width: 100%;
overflow: hidden;
}

.cat ul{
margin: 0;
padding: 0;
font: bold 10px Verdana;
list-style-type: none;
}

.cat li{
display: inline;
margin: 0;
}

.cat li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 2px solid #330000;
color: #FFFFE0;
}


.cat li a:hover, .cat li.selected a{
color: #993300;
background: #F0E68C;
}


#bouton {
background: #993300;
}

#bouton:hover {
background: #F0E68C;
}

#prod {
background: #FF6600;
}

#prod:hover {
background: #F0E68C;
}



.menu_top{
width: 100%;
float: right;
overflow: hidden;
}

.menu_top ul{
margin: 0;
padding: 0;
font: normal 10px Verdana;
list-style-type: none;
}

.menu_top li{
display: inline;
margin: 0;
}

.menu_top a{
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
color: #993300;
}


.menu_top li a:hover, .menu_top li.selected a{
color: #FFFFE0;
}


/* ---------- MENU LEFT -----------*/


#menu_left {
	height: 100%;
	background-color: #F0E68C;
}

.menu_left h1{
	color: #330000;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
}

.menu_left{
padding: 15px;
background-color: transparent;
width: 200px;
}

* html .menu_left{ /*IE only rule. Original menu width minus all left/right paddings */
width: 180px;
}

.menu_left ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.menu_left ul li a{
font: bold 12px Verdana;
padding: 5px;
display: block;
width: 100%;
color: #330000;
text-decoration: none;
border-bottom: 1px solid #330000;
}

html>body .menu_left a{ /*Non IE rule*/
width: auto;
}

.menu_left a:hover{
background-color: #EEE8AA;
color: #993300;
}





/* ---------- MENU RIGHT -----------*/


#menu_right {
	height: 100%;
	background-color: #F0E68C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.menu_right h1{
	color: #330000;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
}


.menu_right{
padding: 15px;
background-color: transparent;
width: 200px;
}

* html .menu_right{ /*IE only rule. Original menu width minus all left/right paddings */
width: 180px;
}

.menu_right ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.menu_right ul li a{
font: normal 12px Verdana;
padding: 5px;
display: block;
width: 100%;
color: #330000;
text-decoration: none;
border-bottom: 1px solid #330000;
}

html>body .menu_right a{ /*Non IE rule*/
width: auto;
}

.menu_right a:hover{
background-color: #EEE8AA;
color: #993300;
}

.bouton a:link{
font-family: Verdana;
font-size: xx-small;
font-weight: bold;
text-decoration: none;
border: 0;
color: #330000;
}

.bouton a:hover{
background-color: #FFFFE0;
text-decoration: none;
color: #993300;
}

.bouton a:visited{
text-decoration: none;
color: #330000;
}



/* ---------- CONTENT -----------*/

#container {
	height: 100%;
	width: 75%;
	}

#content {
	min-height:800px;
	height:expression(this.scrollHeight > 800 ? "auto":"800px");
}


/* ---------- div marron clair -----------*/

.marron_clair {
	background-color:#993300;
	padding: 2px 15px 20px 15px;
	vertical-align:text-top;
}

.marron_clair h1{
	color: #FFFFE0;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
}

.marron_clair p{
	color: #FFFFE0;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.citation{
	color: #330000;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	padding-bottom: 10px;
}

.signature{
	color: #330000;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style:italic;
	text-align: center;
}

.haut {
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 5px;
	background-image: url(images/haut.png);
}
.bas {
	background-repeat: repeat-x;
	background-position: left top;
	height: 7px;
	background-image: url(images/bas.png);
}
.gauche, .droite {
	background-repeat: repeat-y;
	background-position: left top;
}
.gauche {
	background-image: url(images/gauche.png);
}
.droite {
	background-image: url(images/droite.png);
}
.coinhautdroite {
	background-image: url(images/coin_haut_droite.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:7px;
	height:5px;
}
.coinbasdroite {
	background-image: url(images/coin_bas_droite.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:7px;
	height:7px;
}
.coinhautgauche {
	background-image: url(images/coin_haut_gauche.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:5px;
	height:5px;
}
.coinbasgauche {
	background-image: url(images/coin_bas_gauche.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:5px;
	height:7px;
}

/* ---------- div jaune -----------*/

.jaune {
	background-color:#F0E68C;
	padding: 2px 15px 20px 15px;
	vertical-align:text-top;
}

.jaune h1{
	color: #993300;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
}

.jaune h2{
	color: #330000;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
}

.jaune h3{
	border-top: thin solid #993300;
	padding-top: 10px;
	color: #330000;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


.jaune p{
	color: #330000;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.notice {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.jaune a{
	color: #993300;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.jaune a:hover{
	color: #330000;
}

.jaune a:active{
	color: #FFFFE0;
}

.jaune img{
	padding: 2px;
	border-color: #FFFFE0;
	border-width: thin;
	border-style: solid;
}


/* ---------- div marron dark -----------*/

.marron_dark {
	background-color:#330000;
	padding: 2px 15px 20px 15px;
	vertical-align:text-top;
}

.marron_dark h1{
	color: #993300;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
}

.marron_dark p{
	color: #FFFFE0;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.marron_dark a{
	color: #993300;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.marron_dark a:hover{
	color: #F0E68C;
}

.marron_dark a:active{
	color: #FFFFE0;
}

.marron_dark img{
	padding: 2px;
	border-color: #993300;
	border-width: thin;
	border-style: solid;
}

/* ---------- div produits -----------*/

.produits {
	background-color: transparent;
	padding: 2px 15px 20px 15px;
	vertical-align:text-top;
}

.produits h1{
	color: #993300;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
}

.produits h2{
	color: #330000;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
}

.produits h3{
	border-top: thin solid #993300;
	padding-top: 10px;
	color: #330000;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


.produits p{
	color: #330000;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.produits a{
	color: #330000;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.produits a:hover{
	color: #993300;
}

.produits a:active{
	color: #F0E68C;
}

.produits img{
	padding: 2px;
}



/* ---------- SUB PRODUITS -----------*/

.menutitle{
cursor: pointer;
margin-bottom: 5px;
color:#330000;
width:100%;
padding:5px 5px 5px 0;
text-align:left;
font-weight:bold;
/*/*/border-top:1px solid #330000;/* */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight:bold;
}

.submenu{
margin-bottom: 5px;
}

.filet_haut{
padding-top: 10px;
border-top: 1px dotted black;
}


.rondbas, .rondhaut {
	background-color: #F0E68C;
	height: 5px;
}

.rondgauche, .ronddroite {
	background-color: #F0E68C;
	width: 5px;
}

.rondcoinhautdroite {
	background-image: url(images/rondhautdroit.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:5px;
	height:5px;
}
.rondcoinbasdroite {
	background-image: url(images/rondbasdroit.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:5px;
	height:5px;
}
.rondcoinhautgauche {
	background-image: url(images/rondhautgauche.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:5px;
	height:5px;
}
.rondcoinbasgauche {
	background-image: url(images/rondbasgauche.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:5px;
	height:5px;
}


.rondbasclair, .rondhautclair {
	background-color: #FFFFE0;
	height: 5px;
}

.rondgaucheclair, .ronddroiteclair {
	background-color: #FFFFE0;
	width: 5px;
}

.rondcoinhautdroiteclair {
	background-image: url(images/rondhautdroitclair.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:5px;
	height:5px;
}
.rondcoinbasdroiteclair {
	background-image: url(images/rondbasdroitclair.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:5px;
	height:5px;
}
.rondcoinhautgaucheclair {
	background-image: url(images/rondhautgaucheclair.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:5px;
	height:5px;
}
.rondcoinbasgaucheclair {
	background-image: url(images/rondbasgaucheclair.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:5px;
	height:5px;
}

#masterdiv a {
	border: none;
}

#masterdiv a img {
	border: none;
}


/* ---------- FORMULAIRES -----------*/


.identification {
	border:  1px solid #F5DEB3;
	padding: 15px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.formulaire {
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}