body {
	background:#3b3834 url('../imgs/tpl/dot_body.gif');
	scrollbar-face-color: #444444;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-base-color:#e5ded8;
   scrollbar-shadow-color:#444444;
   scrollbar-darkshadow-color:#FFFFFF;
   scrollbar-highlight-color:#444444;
   scrollbar-3dlight-color:#FFFFFF;
   scrollbar-track-color:#444444;
	font-family: Arial, Verdana, Helvetica;
   font-size:11px;
   color:#ffffff;
}

div, td, span, p {
	font-family: Arial, Verdana, Helvetica;
   font-size:11px;
   color:#ffffff;
}

a, a:hover {
	font-family: Arial, Verdana, Helvetica;
   font-size:11px;
   color:#68880c;
	font-weight:bold;
	text-decoration:none;
}


/* Style formatage textes */

h1, .titre1 {
	background-color:#565656;
	font-family:Arial,Helvetica,Verdana;
   font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	padding:2px;
}

h2, .titre2 {
	font-family:Arial,Helvetica,Verdana;
   font-size: 14px;
	font-weight: normal;
	color: #68880c;
}

h3, .titre3 {
	font-family:Arial,Helvetica,Verdana;
   font-size: 14px;
	font-weight: normal;
	color: #ffffff;
}

h4, .titre4 {
	font-family:Arial,Helvetica,Verdana;
   font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	border-bottom:1px solid #68880c;
	padding:0px 0px 3px 0px;
}

.texte1 {
	font-family:Arial,Helvetica,Verdana;
   font-size: 11px;
	color: #ffffff;
}

.texte2 {
	font-family:Arial,Helvetica,Verdana;
   font-size: 11px;
	color: #68880c;
}

.texte1gras {
	font-family:Arial,Helvetica,Verdana;
   font-size: 11px;
	color: #ffffff;
	font-weight:bold;
}

.texte2gras {
	font-family:Arial,Helvetica,Verdana;
   font-size: 11px;
	color: #68880c;
	font-weight:bold;
}

.texte3 {
	font-family:Arial,Helvetica,Verdana;
   font-size: 11px;
	color: #565656;
}

.copyright {
	margin:3px 0px 0px 0px;
	font-family:Arial,Helvetica,Verdana;
   font-size: 11px;
	color: #7e7e7e;
}

.vignetteLeft {
	display:block;
	float:left;
	background:transparent url('http://www.stejac.com/imgs/tpl/bg_vignette_l.gif') top left no-repeat;
	width:329px;
	height:222px;
	margin:10px 5px 10px 0px;
	padding:40px 0px 0px 0px;
	text-align:center;
	font-family:Arial,Helvetica,Verdana;
   font-size: 11px;
	color: #7e7e7e;
}

.vignetteRight {
	display:block;
	float:right;
	background:transparent url('http://www.stejac.com/imgs/tpl/bg_vignette.gif') top left no-repeat;
	width:329px;
	height:222px;
	margin:10px 0px 10px 5px;
	padding:40px 0px 0px 0px;
	text-align:center;
	font-family:Arial,Helvetica,Verdana;
   font-size: 11px;
	color: #7e7e7e;
}

/* ------------------ */


ul {
   list-style:square;
	color:#ffffff;
   margin:6px 10px 6px 10px;
   padding:0px 0px 0px 10px;
}

#page {
   position:absolute;
	width:766px;
   left:50%;
   margin-left:-383px;
   text-align:left;
}

.tableGlobale {
	background-color:#3b3834;
}

.tablePrincipale {
	border-width:0px 1px 1px 1px;
	border-color:#626262;
	border-style:solid;
	padding:10px;
}

.tdNavigation {
	width:190px;
	padding:0px 0px 25px 0px;
	background:#3b3834 url('../imgs/tpl/dot_tr_grey.gif') bottom left repeat-x;
	border-width:0px 0px 0px 0px;
	border-color:#626262;
	border-style:solid;
}

.tdContenu {
	width:534px;
	padding:0px 0px 25px 0px;
	background:#3b3834 url('../imgs/tpl/dot_tr_grey.gif') bottom left repeat-x;
	border-width:0px 0px 0px 0px;
	border-color:#626262;
	border-style:solid;
}

.separator {
	background:#3b3834 url('../imgs/tpl/dot_tr_grey_v.gif') top center repeat-y;
}

.dotLineH {
	display:block;
	height:1px;
	border-width:1px 0px 0px 0px;
	border-color:#626262;
	border-style:solid;
	color:#626262;
}

.marginInNavigation, .contenu {
	margin:8px 0px 8px 0px;
}

/* Styles des BOUTONS */

.a0off {
	display:block;
   padding:4px 5px 4px 6px;
	margin:0px 0px 2px 0px;
   background-color:#626262;
	border-left:10px solid #b4b4b4;
   text-align:left;
   font-family:Arial,Helvetica,Verdana;
   font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}

.a0off:hover, .a0on, .a0on:hover {
	display:block;
   padding:4px 5px 4px 6px;
	margin:0px 0px 2px 0px;
   background-color:#626262;
	border-left:10px solid #68880c;
   text-align:left;
   font-family:Arial,Helvetica,Verdana;
   font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}

.a1off {
	display:block;
   padding:1px 5px 1px 6px;
	margin:0px 0px 2px 8px;
	border-left:2px solid #b4b4b4;
   text-align:left;
   font-family:Arial,Helvetica,Verdana;
   font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}

.a1off:hover, .a1on, .a1on:hover {
	display:block;
   padding:1px 5px 1px 6px;
	margin:0px 0px 2px 8px;
	background-color:#515151;
	border-left:2px solid #68880c;
   text-align:left;
   font-family:Arial,Helvetica,Verdana;
   font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}

.tblmenu {
   width:100%;
}

fieldset {
	background-color: transparent;
	border:1px solid #626262;
	padding:3px;
	margin-top:15px;
}

legend {
	background-color: #68880c;
	margin-left:10px;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight:normal;
	border:1px solid #626262;
	padding:2px 10px 2px 10px;
}

#infos label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #68880c;
	width:120px;
	float:left;
	text-align:left;
	padding:0 0.8em 0 0;
	font-weight:bold;
}

#infos p {
	text-align:justify;
	padding:1px 0px 1px 0px;
}

input, select, textarea, .textareaContact {
	font-family:Arial,Helvetica,Verdana;
	font-size:11px;
   color:#3b3834;
	border: 1px solid #626262;
	padding:1px 0px 0px 2px;
}

.submit {
	background-color: #68880c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #626262;
	font-weight:normal;
	padding:2px 10px 2px 10px;
	cursor:pointer;
}
