body {
  background: white url(../img/bg.jpg) no-repeat center top;
  background-attachment: fixed;
  margin:0;
  padding:0;
  color: #808080;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10pt;
}
legend {
    font-size: 8pt;
}
#divMain {
  background-color: white;
  min-height:720px;
  margin-left:auto; margin-right:auto; width:900px;
  padding: 5px 10px 0 10px;
}

#divLogo { text-align:right; margin-right:10px; }
#divMenu { margin-top:0px; }
#divContent {
  background-image: url(../img/bg_main.gif);
  background-repeat: repeat-x;
  margin-top:0.2cm;
  padding:10px 5px 10px 5px;
}
#divBottom { height:140px;
  margin-top:0px;
  background-color: #49668c;
  border-style: ridge;
  border-color: #5a8dcf;
  border-width: 2px;
  margin-left:auto; margin-right:auto; width:900px;
  padding: 0 10px 0 10px;
  color: white; 
  font-size: 8pt;
}
#divBottom h1 { color: white; font-size: 9pt; font-weight: bold; }
#divBottom a { color: white; text-decoration:none; }
#divBottom a:hover { text-decoration: underline; }
#divBottom table tr { vertical-align: top; }
div.commentaire { font-size: 9pt; border-top:1px solid black; padding-top:10px; margin-top:5px;}
div.copyright {
  border-top:1px solid black;
  margin-top:20px;
  padding-top:5px;
  text-align:center;
  font-size:8pt;
}
#divProduits { width:100%;height:140px;margin-top:3px;background: #000000 url(../img/bg_produits.png) repeat-x left top }
#divProduits div { width:225px;float:left;margin-top:10px }
.pdtdivimg { opacity:1; cursor:pointer }
.ui-effects-transfer { border: 1px dotted black; }

span.logiciel {
	font: 14pt Dauphin;
	color: Blue;
}
p.pub {
	font: normal bold 12pt sans-serif;
	text-align: left;
	background-color: transparent;
}

p.entete {
	font: normal bolder 18pt;
	background-color: #9966FF;
	text-align: center;
	color: White;
	height: 22px;
}

.td_quest{
	background-color: #A1A8E6;
}

.td_repimp {
	background-color: #C3D1E6;
}

.td_reppai {
	background-color: #DDDFE6;
}

th { color:rgb(0,0,0); font-family:Arial;}
td {
	color: rgb(0,0,0);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font: 12px;
}

h1 { font-size:18pt; font-weight:bold; }
h2 { font-size:14pt; font-weight:bold; }
h3 { color: #019cde; text-align:left; font-size:11pt; }
h4 { color: #333333; text-align:left; font-size:9pt; }

div.paragraphe1 { font-size: 16pt; background-color: #d1d6df; color: #009bde; font-weight:800; margin-bottom: 20px; padding-left:10px}
div.paragraphe2 { font-size: 8pt; margin-top:1em; }


input {
	font: 12pt Arial;
	/*border: 1px solid #7B68EE;*/
}

textarea {
	font: 12pt Arial;
	/*border: 1px solid #7B68EE;*/
}


p.bas_page {
	font: normal Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}
div.expose p { text-align: justify; margin: 0 0.5cm 0 0.5cm; }
div.blog-titre { font-family: Georgia,serif; font-size: 9pt; font-style: italic; font-weight: bold; }
div.blog { font-family: Georgia,serif; font-size: 10pt; font-style: italic; line-height:18px; text-align: justify; }

div.fin { clear:both; }
a.wikipedia { font-weight: 400; color: green; border-bottom: 0.075em solid green; text-decoration: underline; }
em { color: red; font-weight: 400; }
img { border: 0; }


/* ------------------------- MENU -- */
ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	margin-left:0px;
	margin-bottom:0.3cm;
	float: left;
	width: 860px;
	height:40px;
	font-size: 10px;
	background: url(../img/bg_menu.png) no-repeat;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding:0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 0;
	height:40px;
	line-height:40px;
	text-align:center;
	width:90px;
	margin:0 12px 0 0;
	font-weight:bold;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover {
	background: url(../img/bg_menu_hover.png) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 13px;
	height: 16px;
	margin:12px 0 0 -15px;
	float: left;
	background: url(../img/arrow1.png) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 40px;
	background: #49668C;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #6794cf;

}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 140px;
	background: #49668c url(../img/arrow2.png) no-repeat 10px center;
	padding-left: 30px;
  text-align:left;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #6794cf url(../img/arrow2.png) no-repeat 15px center;
}
/* ------------------------------------- TABLES - listes */

.listTABLE { border: 0px; border-spacing: 0px; border-collapse: collapse; }
.listTABLE tbody tr { height: 1em; }
.listTABLE tbody td { }
.listTH {
    background: url(../img/bg_menu.png);
    border: 0px;
    border-bottom: 1px solid #3A618D;
    color: #E7F2FF;
    font-weight: bold;
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
.listLABEL {
    background: url(../img/bg_menu.png);
    border: 0px;
    border-bottom: 1px solid #3A618D;
    color: #E7F2FF;
    font-weight: bold;
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    display:block;
    float:left;
}
label.th { display:block; float: left; font-size: 10pt; margin-top:3px;
    background: url(../img/bg_menu.png);
    background-repeat: repeat-x;
    color: white;
    margin:4px 4px 1px 0;
    padding:0 0 2px 2px;
}

.even { background-color: white; }
.odd { background-color: #EFFDFF; }
.divCORP {
    background-color: #FAFAFA;
    border: 1px solid #ABC3D7;
    margin: 3px 4px 0px 4px;
    padding: 2px 2px 2px 2px;
}

/** */
.paragraphe_niveau_1 { width:440px; float:left; min-height:150px; margin:50px 0 20px 0; text-align:left; }
.paragraphe_niveau_1 img { width:36px; margin-right:4px; float:left }
.paragraphe_niveau_1 h1 { font: 16pt Arial; color:black; margin-top:0;}
.paragraphe_niveau_2 { float:left; width:400px; margin:0; padding:0 }
.paragraphe_niveau_2 .contenu { text-align:justify; line-height: 1.5em; }
.paragraphe_niveau_2 a { text-decoration:none; color: black; }