body
{
 background-color: #FFFFFF;
 margin: 0;
 padding: 0;
 font-family: sans-serif;
 font-size: .7em;
 line-height: 1.4em;
}

#Partie1 
{
 text-align: center;
 clear: both;
 border-bottom-color: #777777;
 padding-top: 4px;
 padding-right: 0;
 padding-left: 0;
 padding-bottom: 0;
}

#Partie2 
{
 padding: 0px;
 clear: both;
}

#Partie3 
{
 padding: 0px;
 text-align: center;
 clear: both;
}

#societe 
{
 float: left;
 width: 240px;
 height: 1px;
 background-color: #fff;
 background-image: url(../images/dupuis_web.png);
 background-repeat: no-repeat;
 background-position: top left;
 text-align: left;
 margin-left: 5px;
 padding-left: 10px;
 padding-top: 112px;/* decale le texte en bas de la boite*/
}

#Section1 
{
 float: left;
 width: 600px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 1.2em;
 margin-left: 0;
}

#Section2 
{
 float: right;
 width: 5em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 1.1em;
 margin-left: 0;
 border-width: 1px;
}

#Section3 
{
 border-width: 1px;
 background-color: #eee;
}

#Section4 
{
 /* menu left */

 float: left;
 width: 15em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 1.2em;
 margin-left: 0;
 padding-top: 20px;
}

#Section5 
{
 /* content */

 margin-top: 0px;
 margin-right: 12em;
 margin-bottom: 1em;
 margin-left: 16em;
 padding-top: 0px;
 padding-right: 1em;
 padding-bottom: 0;
 text-align: justify;
}

#Section6 
{
 /* menu right */

 float: right;
 width: 12em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 1.1em;
 margin-left: 0;
}

#Section7 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 1.1em;
 margin-left: 0;
 background-color: #eee;
 border-width: 1px;
}

/* contenus /articles */
img, .img 
{
 border-width: 0px;
}

/* Topmenu */
ul.menu-nav 
{
 list-style: none;
 padding: 0;
 margin: 0;
 float: left;
 white-space: nowrap;
}

ul.menu-nav li 
{
 width: auto ! important;
 float: right;
 margin: 0;
 font-size: 10px;
 height: 20px;
 line-height: 20px;
 white-space: nowrap;
 margin-right: 1px;
}

ul.menu-nav li a 
{
 font-weight: normal;
 height: 20px;
 display: block;
 padding-left: 5px;
 padding-right: 10px;
 text-decoration: none;/*color: #CCCCCC; */

 color: #005CE3;/* RDU */

 margin-left: 5px;
 white-space: nowrap;
}

/* Contenu */
td.contentheading 
{
 text-align: left;
 background-color: transparent;
 font-size: 1.1em;
 line-height: 1.5;
 font-weight: bold;
 color: #8b8b8b;
 font-family: "Comic Sans MS", Arial;
}

td.buttonheading 
{
 text-align: right;
}

.contentpaneopen 
{
 text-align: left;
 background-color: transparent;
 font-size: 1.1em;
}

.contentpaneopen a 
{
 border-style: none;
}

table.contentpane ul 
{
 margin: 0px;
 padding: 0px;
 list-style: none;
}

table.contentpane ul li 
{
 padding: 0px;
 margin: 0px;
 padding-left: 15px;
}

h1
{
 font-size: 1.2em;
 color: #505050;
}

h2 
{
 font-size: 1.1em;
 color: #505050;
}

h3 
{
 font-size: 0.9em;
 color: #505050;
}

h4 
{
 font-size: 0.8em;
 color: #505050;
}

h5 
{
 font-size: 0.7em;
 color: #505050;
}

a 
{
 text-decoration: none;
 font-weight: bold;
 border-style: none;
}

a:link,a:visited 
{
 color: #0000EE;
}

a:hover,a:active,a:focus 
{
 color: #0000EE;
 font-weight: bold;
}

/* Sections layout */
#Section4 form 
{
 background-color: #993300;
 font-size: 0.9em;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 8px;
 padding-top: 20px;
 padding-right: 10px;
 padding-bottom: 20px;
 padding-left: 8px;
}

#Section4 h3, #right h3 
{
 font-size: 0.8em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 5px;
 padding-top: 7px;
 padding-right: 5px;
 padding-bottom: 7px;
 padding-left: 10px;
 border-style: solid;
 border-width: 0;
 color: #fff;
}

#Section4 ul 
{
 list-style-type: none;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 10px;
}

#Section4 ul li 
{
 border-color: #fff;
 border-width: 1px;
 border-style: solid;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 2px;
 margin-left: 0;
 color: White;
}

#Section4 ul li a 
{
 display: block;
 padding-top: 3px;
 padding-right: 4px;
 padding-bottom: 3px;
 padding-left: 10px;
 text-decoration: none;
}

#Section4 ul li a:link, #Section4 ul li a:visited 
{
 background-color: #C16100;
 font-weight: normal;
 color: #ffffff;
}

#Section4 ul li a:hover, #Section4 ul li a:active, #Section4 ul li a:focus 
{
 background-color: #cc9900 ! important;
 color: #fff ! important;
}

/* sous menu niveau 1 , encadré */
#Section4 ul li ul 
{
 background-color: #663300;
 border-color: #CC6633;
 border-width: 1px;
 border-style: solid;
 border-bottom-color: #993300;
 border-bottom-width: 0em;
 border-bottom-style: solid;
 border-left-color: #663300;
 border-left-width: 4px;
 border-left-style: solid;
 border-top-width: 0;
 margin: 0;
 padding: 1px;
}

#Section4 ul li ul li 
{
 border-color: #fff;
 border-width: 1px;
 border-style: solid;
 margin: 0;
}

#Section4 ul li ul li a:hover, #Section4 ul li ul li a:active, #Section4 ul li ul li a:focus 
{
 background-color: #e44c00;
 color: #ffffff;
}

#Section4 ul li ul li ul 
{
 border-color: #663300;
 border-width: 0em;
 border-style: solid;
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 10px;
 padding-left: 5px;
}

#Section4 ul li.active a:link, #Section4 ul li.active a:visited 
{
 background-color: #663300;
 border-left-color: #663300;
 border-left-width: 4px;
 border-left-style: solid;
 color: #fff;
 border-bottom-color: #93246F;
 border-bottom-width: 1px;
 border-bottom-style: none;
 padding-top: 3px;
 padding-right: 0;
 padding-bottom: 3px;
 padding-left: 6px;
}

#Section4 ul li.active ul li a:link, #Section4 ul li.active ul li a:visited 
{
 background-color: #fff;
 border-bottom-color: #E0C1E0;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-left-color: #DD75BB;
 border-left-style: solid;
 border-left-width: 0;
 color: #000;
 font-weight: normal;
 padding-top: 3px;
 padding-right: 4px;
 padding-bottom: 3px;
 padding-left: 5px;
}

#Section4 ul li.active ul li ul li a:link, #Section4 ul li.active ul li ul li a:visited 
{
 background-color: #fff;
 border-bottom-color: #E0C1E0;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 color: #000;
 font-weight: normal;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 10px;
}

#Section4 ul li.active ul li.active a:link, #Section4 ul li.active ul li.active a:visited 
{
 background-color: #fff;
 border-left-color: #DD75BB;
 border-left-style: solid;
 border-left-width: 0;
 color: #000;
 font-weight: bold;
}

#Section4 ul li.active ul li.active ul li a:link, #Section4 ul li.active ul li.active ul li a:visited 
{
 background-color: #fff;
 background-image: url(../images/arrow.gif);
 background-repeat: no-repeat;
 background-position: top left;
 color: #000;
 font-weight: normal;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 15px;
 padding-top: 3px;
 padding-right: 0;
 padding-bottom: 3px;
 padding-left: 15px;
}

#Section4 ul li.active ul li.active ul li.active span.active_link 
{
 background-color: #fff;
 background-image: url(../images/arrow.gif);
 background-repeat: no-repeat;
 background-position: top left;
 border-bottom-color: #993300;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 color: #000;
 font-weight: bold;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 15px;
 padding-top: 3px;
 padding-right: 0;
 padding-bottom: 3px;
 padding-left: 15px;
}

#Section4 form a:hover, #Section4 form a:active, #Section4 form a:focus 
{
 color: #fff;
}

.search 
{
 float: right;
 text-align: left;
 padding-top: 0px;
 margin-top: 0px;
 padding-right: 10px;
 padding-bottom: 0;
}

#jflanguageselection 
{
 float: right;
 text-align: left;
 padding-top: 2px;
 margin-top: 0px;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 10px;
}

.banneritem 
{
 width: 100%;
}

.banneritem img 
{
 position: relative;
 left: +40px;
}

/* web link */
td.sectiontableheader 
{
 background-color: #C16100;
 padding: 4px;
 border-right-color: #fff;
 border-right-width: 1px;
 border-right-style: solid;
}

td.sectiontableheader a 
{
 font-weight: bold;
 background-color: #C16100;
 color: #ffffff;
}

tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td 
{
 padding: 4px;
}

td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 
{
 padding: 3px;
}