body {
margin:36px 24px 12px 16px;
background-color:#F0F0F0;
background-image:url('../images/PEbgTop.gif');
background-attachment:fixed;
background-repeat:repeat-x;
background-position:top center;
color:dimgray;
font-family:sans-serif;
font-size:14px;
text-align:center;
}
/* logoPE */
#logoPE {position:relative; top:-54px; left:-36px; width:0px; height:0px; z-index:1;}
#logoPE div {position:absolute; width:329px; height:192px; background-repeat:no-repeat; background-position:center center;}
#logoPEtxt {table-layout:fixed; width:327px; margin-left:56px;}
#logoPEtxt thead tr {height:42px; background-repeat:no-repeat; background-position:left bottom;}
#logoPEtxt tfoot tr {height:20px; background-repeat:no-repeat; background-position:right top;}
#logoPEtxt tbody tr {height:4px;}
/* PAGE */
#cadrePAGE .cadre {width:100%;}
.cadreG, .cadreD, .cadreH, .cadreB, .cadreC, .cadreH .cadreM, .cadreB .cadreM {font-size:0px;}
.cadreC, .cadreH .cadreM, .cadreB .cadreM {background-color:white; width:100%; height:100%;}
.cadreC .cadreM {background-image:url('../images/logoPEbg.jpg'); background-repeat:no-repeat; background-position:center center; background-attachment:fixed;}
.cadreG img, .cadreD img {width:24px;}
.cadreH img, .cadreB img {height:24px;}
.cadreH .cadreG {background-repeat:no-repeat; background-position:bottom right;}
.cadreH .cadreD {background-repeat:no-repeat; background-position:bottom left;}
.cadreB .cadreG {background-repeat:no-repeat; background-position:top right;}
.cadreB .cadreD {background-repeat:no-repeat; background-position:top left;}
/* */
#PAGE {table-layout:fixed; width:890px; background-repeat:repeat-x; background-position:bottom center;}
#pageTOP { background-repeat:repeat-x; background-position:top center; height:66px; vertical-align:top; text-align:left;}
#PAGE .mLogo {height:23px;}
#PAGE .mLogo #logoPE {top:-36px; left:-36px;}
#PAGE .mLogo #logoPE div {width:165px; height:96px;}
#PAGE .mLogo #logoPEtxt { width:164px; margin-left:10px;}
#PAGE .mLogo #logoPEtxt thead tr {height:11px;}
#PAGE .mLogo #logoPEtxt tfoot tr {height:10px;}
#PAGE .mLogo #logoPEtxt tbody tr {height:2px;}
#pageMENU {text-align:left;}
#pageNAV {height:42px; vertical-align:top; text-align:left;}
#CONTENU {padding:12px 0px 20px 0px; vertical-align:top; text-align:justify; font-size:14px; border-bottom:solid 1px gainsboro;}
#pageBOT {padding-top:18px; text-align:center; font-size:14px; border-top:solid 2px whitesmoke;}
/* pageNAV */
#navBarPE {position:relative; top:4px; width:685px; height:0px; text-align:right; z-index:2;}
/* new pageNAV ( PEmenu ) */
.PEmenu .GPHcadreH, .PEmenu .GPHcadreB {display:none;}
#noPEmenu .contPEmenu .txt3d, #noMinPEmenu .contPEmenu .txt3d,
#_noPEmenu .contPEmenu .txt3d, #_noMinPEmenu .contPEmenu .txt3d {left:1px;}
#noPEmenu .GPHfixSizeBtn, #noPEmenu .GPHvarSizeBtn,
#_noPEmenu .GPHfixSizeBtn, #_noPEmenu .GPHvarSizeBtn,
#noMinPEmenu .GPHfixSizeBtn, #noMinPEmenu .GPHvarSizeBtn,
#_noMinPEmenu .GPHfixSizeBtn, #_noMinPEmenu .GPHvarSizeBtn,
#minPEmenu .GPHfixSizeBtn, #minPEmenu .GPHvarSizeBtn,
#_minPEmenu .GPHfixSizeBtn, #_minPEmenu .GPHvarSizeBtn {padding:0px;}
.PEmenu .GPHfixSizeBtn .txt3d, .PEmenu .btnLnk3d .GPHbtnM,
.PEmenu .btnLnk3d .GPHbtnG div, .PEmenu .btnLnk3d .GPHbtnD div,
.PEmenu .btnLnk3d .div3d {height:18px;}
.PEmenu .GPHfixSizeBtn .txt3d, .PEmenu .GPHfixSizeBtn .GPHbtnM {width:17px;}
.PEmenu .GPHfixSizeBtn .GPHbtnG div, .PEmenu .GPHfixSizeBtn .GPHbtnD div {width:0px; display:none;}
.PEmenu .GPHvarSizeBtn .GPHbtnG div, .PEmenu .GPHvarSizeBtn .GPHbtnD div {width:1px;}
/*.PEmenu thead, .PEmenu tfoot {background:red;}*/
/*.PEmenu .GPHcadreH, .PEmenu .GPHcadreB {background:cyan;}*/
/*.PEmenu .GPHcadreC .GPHcadreG, .PEmenu .GPHcadreC .GPHcadreD {background-color:palegreen;}*/
/*.PEmenu .GPHcadreC .GPHcadreM {background:lemonchiffon;}*/
.PEmenu .GPHcadreC .GPHcadreG img, .PEmenu .GPHcadreC .GPHcadreD img {width:21px; height:42px;}

.PEmenu .GPHcadreC .GPHcadreG {background-repeat:no-repeat; background-position:right center;}
.PEmenu .GPHcadreC .GPHcadreM {background-repeat:repeat-x; background-position:center center;}
.PEmenu .GPHcadreC .GPHcadreD {background-repeat:no-repeat; background-position:left center;}

.PEmenu a.btnLnk3d {cursor:pointer; text-decoration:none; display:block;/* padding:3px;*/ text-align:center; color:dodgerblue;}
.PEmenu a.contPEmenu {color:goldenrod;}
.PEmenu a.btnLnk3d .txt3d {height:18px; line-height:18px; font-size:18px; font-weight:normal;}
.PEmenu a.contPEmenu .txt3d nobr {font-weight:bold;}
.UPC a.btnLnk3d .txt3d nobr {font-size:85%; font-weight:bold;}
.UPC #_minPEmenu .txt3d nobr, .UPC a.contPEmenu .txt3d nobr {font-size:100%;}
.UPC #_minPEmenu .txt3d nobr {font-weight:normal;}
.UPC #_minPEmenu a.contPEmenu .txt3d nobr {font-weight:bold;}
.PEmenu a.btnLnk3d .top3d {color:deepskyblue;}
.PEmenu a.btnLnk3d .bot3d {color:darkslategray;}
.PEmenu a.btnLnk3d .mid3d {color:white;}
.PEmenu a.contPEmenu .top3d {color:gold;}
.PEmenu a.btnLnk3d:hover {color:red;}
.PEmenu a.btnLnk3d:hover .div3d {background-color:yellow;}
.PEmenu a.btnLnk3d:hover .top3d {color:orangered;}
.PEmenu a.btnLnk3d:active .top3d, .PEmenu a.btnLnk3d:focus .top3d {color:chocolate;}
/* pageMARQUEE (old))
#pageMARQUEE {text-align:left;}
#pageMARQUEE table {table-layout:fixed; height:30px; width:532px;}
#pageMARQUEE table td {padding:0px 4px; font-size:16px; font-weight:bold; color:darkslategray; background-repeat:no-repeat; background-position:center center;}
*/
/* pageMARQUEEnew */
#pageMARQUEE {padding-right:210px; padding-top:5px;}
#pageMARQUEEcont, #pageMARQUEEcont .marquee {width:100%;}
#pageMARQUEEcont .form {padding-left:6px;}
/*#pageMARQUEEcont td {vertical-align:top;}*/
/* GPHmarqueeNew */
.GPHmarqueeFL {position:relative; left:0px; top:0px; width:100%; height:0px;}
.GPHtexteMarquee {position:absolute; left:0px; top:0px; line-height:20px; font-size:16px; font-weight:bold; color:darkslategray;}
.GPHtexteMarquee .g img, .GPHtexteMarquee .d img {width:4px; height:20px;}
.GPHtexteMarquee .m {width:100%;}
/* GPHmarqueeNew */
.GPHmarquee {width:100%; height:20px; font-size:0px;}
.GPHmarquee .g img, .GPHmarquee .d img {width:10px; height:20px;}
.GPHmarquee .g {background-repeat:no-repeat; background-position:left center;}
.GPHmarquee .m {width:100%; background-repeat:repeat-x; background-position:center center;}
.GPHmarquee .d {background-repeat:no-repeat; background-position:right center;}
/* ------------ GPHrecherche ------------ */
.GPHrecherche .btnRecherche {padding-left:2px;}
.GPHrecherche .btnRecherche input {border:none 0px;/* background:lime;*/}
.GPHrecherche .champRecherche input {width:124px; font-size:10px; background:none; font-family:sans-serif; font-style:italic; color:mediumblue; text-align:right;}
.GPHrecherche .texteRecherche {font-size:10px; text-align:left;}
/* VPlinkStyle */
div.VP {padding-top:2px; display:block; color:silver; vertical-align:bottom; font-size:11px; font-weight:normal; line-height:18px; white-space:nowrap;}
a.VP:link, a.VP:visited {color:silver; text-decoration:none; font-weight:bold;}
a.VP:hover {color:darkgray; text-decoration:underline;}
a.VP:active, a.VP:focus {color:lightslategray;}

.GPHtitreSection {text-align:center; font-size:20px; font-weight:bold; color:navy; margin-bottom:10px;}
a {color:blue;}
a:hover {color:red;}

