/* General ==================================================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: white;
	font-family: Arial, Helvetica, Verdana;
	color: #333;
	font-size: 12px;
	text-align: center;
	padding-top: 20px;
}

table td {
	font-family: Arial, Helvetica, Verdana;
	color: #333;
	font-size: 12px;
}

font {
	font-family: Arial, Helvetica, Verdana;
	line-height: 16px;
}

img, table img { 
border: none;
}

small { 
font-size: 11px;
}

.illusd {
	margin: 5px 0 10px 20px;
	float: right;
	border: 1px solid black;
}

.illusg {
	margin: 5px 20px 20px 0;
	float: left;
	border: 1px solid black;
}

p {
	margin: 0 0 15px;
	line-height: 17px;
}

h1 {
	font-size: 19px;
	padding-bottom: 15px;
}

h1 em {
	display: block;
	font-style: normal;
	color: #666;
	padding-top: -15px;
	font-size: 18px;
}

h2 {
	font-size: 17px;
	color: #666;
	padding: 10px 0;
}

h3 {
	padding: 10px 0 5px;
	font-size: 14px;
}


a:link {
	text-decoration: none;
	color: #E91B25;
}

a:visited{
	text-decoration: none;
	color: #E91B25;
}

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

.clear {
	clear: both;
	line-height: 0;	
}

.erreur {
	color: red;
}


ul, ul li{
list-style: none;
}

#content ul {
margin: 0 0 15px 35px;
}

#content ul li {
list-style: disc;
margin-bottom: 5px;
}

#content ul ul {
margin-top: 5px;
}

#content ul li ul li {
list-style: circle !important;
margin-bottom: 5px;
}

hr {
border: 0;
height: 1px;
color: #ccc;
background-color: #ccc;
}

.pdf{
background: url("/images/pdf.gif") no-repeat left top;
padding-left: 20px;
}

#page {
margin: 0 auto;
text-align: left;
width: 950px;
border: 1px solid #CCC;
border-bottom: 5px solid #CCC;
border-top: 5px solid #CCC;
background: white;
}


/* Header =================================================================*/
#header {
background: url("/images/bg_header.jpg") no-repeat 13px bottom;
height: 115px;
}

#logo{
margin: 5px 0 0 10px;
float: left;
}

img.dundee {
margin: 0 10px 0 0;
float: right;
}

#nav3  {
	width: 100%;
	height: 12px;
	line-height: 12px;
	margin: 8px 0;
}

#nav3 li {
	float: right;
	margin-left: 20px;
}

#nav3 li a {
	color: #828786;
	padding-left: 20px;
	line-height: 13px;
	height: 11px;
}

#nav3 li a.sel {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#nav3 a.joindre {
	background: url(/images/icones/joindre.gif) no-repeat left 1px;
}

#nav3 a.panier {
	margin: 0 20px;
	background: url(/images/icones/panier.gif) no-repeat left 1px;
}

#nav3 a.carrieres {
	background: url(/images/icones/carrieres.gif) no-repeat 5px 2px;
}

#nav3 a.faq {
	background: url(/images/icones/faq.gif) no-repeat 5px 1px;
}

#nav3 a.calc {
	background: url(/images/icones/calc.gif) no-repeat 5px 1px;
}

#nav3 a.plan {
	background: url(/images/icones/plan.gif) no-repeat 5px 1px;
	padding-left: 25px;
}

#nav3 a.liens {
	background: url(/images/icones/liens.gif) no-repeat 5px 1px;
}
/* Corps =================================================================*/

#content {
padding: 20px;
min-height: 450px;
height: auto !important;
height: 450px;
margin: 0 40px 0 230px;
}

#corps.marge #content {
margin: 0 210px 0 230px;
}

dl.catalogue {
color: #666;
width: 430px;
}

dl.catalogue dt {
background:#ECF0F4;
padding: 10px;
font-weight: bold;
margin: 1px 0;
font-size: 13px;
}

dl.catalogue dt a {
color: #666 !important;
}

dl.catalogue dd {
background: #efefef;
padding: 5px 25px;
}

table.serie td, table.serie th {
padding: 10px;
width: 210px;
border-bottom: 2px solid white;
background: #efefef;
}

table.serie th {
background:#ECF0F4;
font-weight: bold;
}

#footer {
width: 950px;
margin: 5px auto;
font-size: 11px;
text-align: left;
padding-left: 20px;
color: #999;
}

dl.conferences, dl.actualites, dl.articles {
margin-bottom: 20px;
}

dl.conferences dt, dl.actualites dt, dl.articles dt{
font-size: 13px;
font-weight: bold;
margin: 20px 0 5px;
padding-top: 8px;
}

dl.conferences dd, dl.actualites dd, dl.articles dd {
border-bottom: 1px solid #ccc;
}

dl.conferences a.docconf {
float: right;
margin-left: 10px;
}

dl.articles small {
display: block;
}

dl.calc  {
margin-bottom: 20px;
}

dl.calc dt {
margin: 5px 0 0 73px;
}

dl.calc dd {
margin-left: 73px;
}

table.video {
display: none;
}

table.video td {
padding: 5px 10px 5px 30px;
border-bottom: 1px solid white;
}

ul.module_video  {
margin-left: 0 !important;
}

ul.module_video li {
width: 300px;
float: left;
padding: 0 4px 4px;
height: 350px;
background: #DFE6EC;
border-right: 5px solid white;
border-bottom: 5px solid white;
list-style: none !important;
}

ul.module_video p {
padding: 5px 2px 0;
line-height: 13px;
margin-bottom: 0;
font-size: 11px;
}


ul.conf_form {
background: #ECF0F4;
padding: 10px !important;
list-style: none !important;
margin: 0 0 10px 0 !important;
}

ul.conf_form li {
margin-bottom: 20px;
list-style: none !important;
}

ul.conf_form a:link, ul.conf_form a:visited {
color: #666;
font-size: 11px;
}

iframe.calculette  {
height: 850px; 
width: 850px;
margin: 0 0 10px 70px;
}

dl.equip1, dl.equip2, dl.equip3 {
margin-top: -30px;
}

dl.equip2 .pdf, dl.equip3 .pdf, dl.equip1 .pdf {
margin-right: 20px;
}

dl.equip1 dt, dl.equip2 dt, dl.equip3 dt {
font-weight: bold;
margin: 30px 0 3px;
font-size: 13px;
}

dl.equip1 dt {
font-size: 14px;
}

dl.equip1 dd, dl.equip2 dd, dl.equip3 dd {
min-height: 200px;
height: auto !important;
height: 200px;
}

dl.equip2 img, dl.equip3 img {
margin-top: -10px;
}

div.sitemap ul {
list-style: none !important;
margin: 0 0 20px 0 !important;
}

div.sitemap li {
list-style: none !important;
margin-left: 0 !important;
}

div.sitemap dt {
margin-left: 10px;
}

div.sitemap dd {
margin-left: 20px;
font-size: 11px;
}

dl.pf  {
margin-bottom: 20px;
}

dl.pf dt {
margin-top: 10px;
font-weight: bold;
}

dl.pf dd {
margin-left: 10px;
}

dl.reglements dt {
margin-top: 12px;
font-weight: bold;
font-size: 13px;
}

dl.reglements dd {
margin-bottom: 2px;
}
/* Left =================================================================*/

#nav2 {
float: left;
width: 210px;
margin: 20px 10px 0;
padding-bottom: 20px;
}

#nav2 img {
margin-bottom: 8px;
}

#nav2 li {
margin-bottom: 1px;
}

#nav2 a.sel {
font-weight: bold !important;
}

#nav2 a:hover {
text-decoration: none;
}

* html #nav2 li a {
height: 16px;
}

#nav2 li a.prod {
display: block;
color: #666;
padding: 4px 15px 4px 22px;
background: url(/images/icones/nav2+.gif) no-repeat 5px 7px #ECF0F4;
line-height: 16px;
cursor: pointer !important;
}

#nav2 li a.prod:hover {
background: url(/images/icones/nav2+.gif) no-repeat 5px 7px #E0E0E0;
}

#nav2 li a.prod.sel {
background: url(/images/icones/nav2-.gif) no-repeat 5px 7px #CACACA!important;
}

#nav2 li.nosub a {
display: block;
color: #666;
padding: 4px 15px 4px 22px;
background: url(/images/icones/nav2.gif) no-repeat 5px 7px #ECF0F4;
line-height: 16px;
}

#nav2 li.nosub a:hover {
background-color: #E0E0E0;
text-decoration: none;
}

#nav2 li.nosub a.sel {
background: url(/images/icones/nav2_sel.gif) no-repeat 5px 7px #CACACA!important;
}

#nav2 dl a  {
color: #666;
display: block;
padding: 2px 10px 2px 32px;
margin: 1px 0;
line-height: 15px;
background : url(/images/icones/nav2_fleche.gif) no-repeat 23px 7px #EFEFEF;
}

#nav2 dd a  {
padding-left: 40px !important;
font-size: 11px !important;
margin: 0 !important;
background : url(/images/icones/tiret.gif) no-repeat 31px 5px #EFEFEF !important;
line-height: 12px !important;
}

#nav2 dd a:hover{
text-decoration: underline !important;
}

#nav2 dt a:hover{
background : url(/images/icones/nav2_fleche.gif) no-repeat 23px 7px #E0E0E0!important;
}

#nav2 dt a.sel{
background : url(/images/icones/nav2_fleche.gif) no-repeat 23px 7px #DADADA!important;
}

#nav2 dd a.sel {
background : url(/images/icones/tiret.gif) no-repeat 31px 5px #E5E5E5!important;
}

#nav2 .subnav {
	display:none;
	height: 0;
}


/* Right=================================================================*/

#right {
float: right; 
width: 200px;
margin: 20px 10px;
}

#right ul {
margin-bottom: 10px; 
padding: 40px 10px 10px;
}

#right ul li {
margin-bottom: 8px;
list-style: none;
}

#right a:link, #right a:visited{
color: #666;
font-size: 11px;
}

#right ul.dernouvelles {
background: url(/images/quoi_neuf.gif) no-repeat 10px 10px #ECF0F4;
}

#right ul.dernouvelles small {
font-size: 10px;
}

#right ul.derarticles {
background: url(/images/derniers_articles.gif) no-repeat 10px 10px #ECF0F4;
}