/* exprejud */
body {background-color:#e7e7e7; background-image:url(../ylook/fnd1xj.png);
      background-repeat:repeat; background-attachment:fixed; margin:0px 0px 0px 0px;}

/* pour index et les passerelles */
.indexxj {width:98%; height:auto; margin:4px 0px 0px 10px; padding:16px 24px 16px 0px;}

/* Attention, le min-height oblige à des acrobaties. On a remis l'infecte p nbsp; p  juste apres le menu horizontal */
.hdrxj1, .hdrxj2, .hdrxj3, .hdrxj4, .hdrxj5, .hdrxj6
  {width:98%; height:auto; background-position:top; background-repeat:repeat-x; position:relative; z-index:3;
   margin:4px 0px 0px 10px; padding:0px 0px 0px 0px;}
.hdrxj1 {border-top:2px solid #ff6633; border-left:2px solid #ff6633; background-image:url(../ylook/hdrxj1.jpg);}
.hdrxj2 {border-top:2px solid #3366ff; border-left:2px solid #3366ff; background-image:url(../ylook/hdrxj2.jpg);}
.hdrxj3 {border-top:2px solid #eeee33; border-left:2px solid #eeee33; background-image:url(../ylook/hdrxj3.jpg);}
.hdrxj4 {border-top:2px solid #600080; border-left:2px solid #600080; background-image:url(../ylook/hdrxj4.jpg);}
.hdrxj5 {border-top:2px solid #66cc33; border-left:2px solid #66cc33; background-image:url(../ylook/hdrxj5.jpg);}
.hdrxj6 {border-top:2px solid #ffff00; border-left:2px solid #ffff00; background-image:url(../ylook/hdrxj6.jpg);}

.bxvxj1, .bxvxj2, .bxvxj3, .bxvxj4, .bxvxj5, .bxvxj6
  {width:20%; height:auto; background-position:top; background-repeat:repeat-y; position:fixed; z-index:2;
   top:200px; left:10px; margin:0px 0px 0px 0px; padding:2px 4px 2px 4px;}
/* Conserver la couleur de bordure si uniforme 1:ff4000  2:0000ff   3:ffff00     4:#800080    5:#80dd00    6:#ffff00 */
.bxvxj1 {border:2px solid; border-left-color:#ffffff; border-top-color:#ebebee; border-right-color:#801000; border-bottom-color:#801000; background-image:url(../ylook/mnvxj1.jpg);}
.bxvxj2 {border:2px solid; border-left-color:#ffffff; border-top-color:#ffeeee; border-right-color:#000080; border-bottom-color:#000080; background-image:url(../ylook/mnvxj2.jpg);}
.bxvxj3 {border:2px solid; border-left-color:#ffffff; border-top-color:#ffffe0; border-right-color:#806000; border-bottom-color:#806000; background-image:url(../ylook/mnvxj3.jpg);}
.bxvxj4 {border:2px solid; border-left-color:#ffffff; border-top-color:#faf0ee; border-right-color:#400040; border-bottom-color:#400040; background-image:url(../ylook/mnvxj4.jpg);}
.bxvxj5 {border:2px solid; border-left-color:#ffffff; border-top-color:#fcf6f6; border-right-color:#406000; border-bottom-color:#406000; background-image:url(../ylook/mnvxj5.jpg);}
.bxvxj6 {border:2px solid; border-left-color:#ffffff; border-top-color:#ffffe0; border-right-color:#806000; border-bottom-color:#806000; background-image:url(../ylook/mnvxj6.jpg);}

/* Texte. Si on fixe header(fixed), on est contraint de donner une valeur à top */
.boxxj1, .boxxj2, .boxxj3, .boxxj4, .boxxj5, .boxxj6
  {width:74%; height:auto; position:relative; left:24%; margin:0px 0px 0px 0px; padding:24px 4px 16px 0px;
   background-image:url(../ylook/fndtxt1xj.png); background-repeat:repeat;}
.boxxj1 {border-right:2px solid #babaf0;}
.boxxj2 {border-right:2px solid #f8c088;}
.boxxj3 {border-right:2px solid #c6d6c6;}
.boxxj4 {border-right:2px solid #f0c0c0;}
.boxxj5 {border-right:2px solid #d0b0d0;}
.boxxj6 {border-right:2px solid #bfbeba;}

/* Cadre inférieur. Si on fixe header(fixed), on est contraint de donner à top la même valeur qu'à texte */
.infxj1, .infxj2 , .infxj3, .infxj4, .infxj5, .infxj6
  {width:97%; height:auto; position:relative; z-index:1; margin:0px 0px 36px 10px; padding:2px;}
.infxj1 {border:4px solid #babaf0;}
.infxj2 {border:4px solid #f8c088;}
.infxj3 {border:4px solid #c6d6c6;}
.infxj4 {border:4px solid #f0c0c0;}
.infxj5 {border:4px solid #d0b0d0;}
.infxj6 {border:4px solid #bfbeba;}

/* SECTION TEXTES ET LIENS */

h1 {font-family:Times,avec-serif; font-size:256%; font-weight:bold; padding:0px 0px 0px 0px; margin-top:12px;}
.hdrtitxj1 {color:#ff6633; margin-left:16px;}
.hdrtitxj2 {color:#3366ff; margin-left:16px;}
.hdrtitxj3 {color:#eeee33; margin-left:16px;}
.hdrtitxj4 {color:#600080; margin-left:16px;}
.hdrtitxj5 {color:#66cc33; margin-left:16px;}
.hdrtitxj6 {color:#ffff00; margin-left:16px;}
.idxtitxj  {color:#44aa11; text-align:center;}

h2 {font-family:Verdana,Helvetica,sans-serif; font-size:120%; font-weight:bold;}
.titxj {color:#c04000; text-align:center;}
.wrdxj {color:#504040; text-align:center;}
.secxj {color:#d04000; text-align:left;}

h3 {font-family:Leelawadee,Arial,Helvetica,sans-serif; font-size:100%; font-weight:bold;}
.h3h2   {color:#d04000;}
.tmvxj1 {color:#404080; margin-top:4px;}
.tmvxj2 {color:#a05020; margin-top:4px;}
.tmvxj3 {color:#408040; margin-top:4px;}
.tmvxj4 {color:#800000; margin-top:4px;}
.tmvxj5 {color:#660066; margin-top:4px;}
.tmvxj6 {color:#666666; margin-top:4px;}


.txtxj, .ptitxj, .infoxj, .buxjg {font-family:Leelawadee,Arial,Helvetica,sans-serif;}
.txtxj  {color:#554433; font-size:116%; text-align:justify;}
.ptitxj {color:#443322; font-size:100%; text-align:justify;}
.infoxj {color:#554433; font-size:80%; text-align:justify;}
.buxjg  {color:#ffffff; font-size:4px;}
/* .txtxj  {font-family:Arial,Helvetica,sans-serif; color:#554433; font-size:116%; text-align:justify;} */
/* .ptitxj {font-family:Arial,Helvetica,sans-serif; color:#443322; font-size:100%; text-align:justify;} */
/* .infoxj {font-family:Arial,Helvetica,sans-serif; color:#554433; font-size:80%; text-align:justify;} */
/* .buxjg  {font-family:Arial,Helvetica,sans-serif; color:#ffffff; font-size:4px;} */

a:link    {color:#cc4040; text-decoration:none;}
a:visited {color:#cc4040; text-decoration:none;}
a:hover   {color:#4040cc; text-decoration:underline;}
a:active  {color:#cc4040; text-decoration:none;}

.cenxj {text-align:center;}
.lettrinxjD {float:right; padding-left:10px; padding-bottom:0px;}
.lettrinxjG {float:left; padding-right:10px; padding-bottom:0px;}
.lettrioxjD {float:right; padding-left:10px; padding-bottom:0px; padding-top:8px;}
.lettrioxjG {float:left; padding-right:10px; padding-bottom:0px; padding-top:8px;}


.mnuxj1, .mnuxj2, .mnuxj3, .mnuxj4, .mnuxj5, .mnuxj6
  {font-family:Arial,Helvetica,sans-serif; font-size:120%; font-weight:bold; text-align:center; text-decoration:none;}

.mnuxj1           {color:#000066;}
.mnuxj1 a:link    {color:#ffffaa; text-decoration:blink;}
.mnuxj1 a:visited {color:#ffffaa; text-decoration:blink;}
.mnuxj1 a:hover   {color:#ff6633; text-transform:uppercase;}

.mnuxj2           {color:#b15b00;}
.mnuxj2 a:link    {color:#808000; text-decoration:blink;}
.mnuxj2 a:visited {color:#808000; text-decoration:blink;}
.mnuxj2 a:hover   {color:#3366ff; text-transform:uppercase;}

.mnuxj3           {color:#006000;}
.mnuxj3 a:link    {color:#c40000; text-decoration:blink;}
.mnuxj3 a:visited {color:#c40000; text-decoration:blink;}
.mnuxj3 a:hover   {color:#eeee33; text-transform:uppercase;}

.mnuxj4           {color:#800000;}
.mnuxj4 a:link    {color:#aaffaa; text-decoration:blink;}
.mnuxj4 a:visited {color:#aaffaa; text-decoration:blink;}
.mnuxj4 a:hover   {color:#800080; text-transform:uppercase;}

.mnuxj5           {color:#660066;}
.mnuxj5 a:link    {color:#ff9966; text-decoration:blink;}
.mnuxj5 a:visited {color:#ff9966; text-decoration:blink;}
.mnuxj5 a:hover   {color:#66cc33; text-transform:uppercase;}

.mnuxj6           {color:#808080;}
.mnuxj6 a:link    {color:#339966; text-decoration:blink;}
.mnuxj6 a:visited {color:#339966; text-decoration:blink;}
.mnuxj6 a:hover   {color:#ffff00; text-transform:uppercase;}


.mnvxj1, .mnvxj2, .mnvxj3, .mnvxj4, .mnvxj5, .mnvxj6
  {font-family:Arial,Helvetica,sans-serif; font-size:100%; text-decoration:none;}

/* le padding-left a son attrait voire priorité. Mais le surligné reste dans le padding. margin-left effet plus clean */
.mnvxj1           {color:#201050;}
.mnvxj1 a:link    {color:#201050;}
.mnvxj1 a:visited {color:#201050;}
.mnvxj1 a:hover   {color:#ffffaa; background-color:#000066; font-weight:bold; text-decoration:none; margin-left:8px;}

.mnvxj2           {color:#704010;}
.mnvxj2 a:link    {color:#704010;}
.mnvxj2 a:visited {color:#704010;}
.mnvxj2 a:hover   {color:#e0e080; background-color:#995000; font-weight:bold; text-decoration:none; margin-left:8px;}

.mnvxj3           {color:#205020;}
.mnvxj3 a:link    {color:#205020;}
.mnvxj3 a:visited {color:#205020;}
.mnvxj3 a:hover   {color:#ee0000; background-color:#205020; font-weight:bold; text-decoration:none; margin-left:8px;}

.mnvxj4           {color:#660000;}
.mnvxj4 a:link    {color:#660000;}
.mnvxj4 a:visited {color:#660000;}
.mnvxj4 a:hover   {color:#aaffaa; background-color:#800000; font-weight:bold; text-decoration:none; margin-left:8px;}

.mnvxj5           {color:#500050;}
.mnvxj5 a:link    {color:#500050;}
.mnvxj5 a:visited {color:#500050;}
.mnvxj5 a:hover   {color:#ff9966; background-color:#660066; font-weight:bold; text-decoration:none; margin-left:8px;}

.mnvxj6           {color:#505050;}
.mnvxj6 a:link    {color:#505050;}
.mnvxj6 a:visited {color:#505050;}
.mnvxj6 a:hover   {color:#ffffff; background-color:#339966; font-weight:bold; text-decoration:none; margin-left:8px;}