/* ACCIDENTS 2015 accident-de-la-route */

body {background-color:#e7e7e7; background-image:url(../ylookaxr/fnd2axr.png);
      background-repeat:repeat; background-attachment:fixed; margin:0px 0px 0px 0px;}

/* SECTION STRUCTURE */
/* Header */
/* Attention, min-height oblige à des acrobaties. Pour contrer l'infecte p nbsp; padding-bottom à 1px */
.hdr1axr
  {width:98%; height:auto; background-position:top; background-repeat:repeat-x; position:relative; z-index:3;
   margin:4px 0px 14px 10px; padding:0px 0px 1px 0px;}
.hdr1axr {border-top:2px solid #a40000; border-left:2px solid #a40000; background-image:url(../ylookaxr/hdr1axr.png);}

/* Boîte des menus de gauche */
.bxv1axr
  {width:20%; height:auto; background-position:top; position:fixed; z-index:2;
   top:200px; left:10px; margin:0px 0px 0px 0px; padding:2px 4px 2px 4px;}
.bxv1axr {border:3px outset #801000; border-radius:4px;}
/* Pour la div étirable d'arrière-fond qui donne l'oblitération-transparence (redondance filter pour IE<8) */
.bxvalaxr
  {position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0;
   background-color:#a8a0a0; opacity:0.6; filter:alpha(opacity=60);}

/* Zone du texte. Si on fixe header(fixed), on est contraint de donner une valeur à top */
.box1axr, .box2axr
  {width:74%; height:auto; position:relative; left:24%; margin:0px 0px 0px 0px; padding:24px 4px 16px 4px;
   background-image:url(../ylookaxr/fnd1axr.png); background-repeat:repeat;}
.box1axr {border:2px outset #ffffff; border-radius:4px;}
.box2axr {border:2px outset #f8c088; border-radius:4px;}

/* Cadre inférieur. Si on fixe header(fixed), on est contraint de donner à top la même valeur qu'à texte */
.inf1axr
  {width:97%; height:auto; position:relative; z-index:1; margin:6px 0px 36px 10px; padding:2px;
   border:2px solid; border-radius:4px;}
.inf1axr {border-color:#c0c0c0;}

.infalaxr
  {position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0;
   background-color:#e0e0e0; opacity:0.4; filter:alpha(opacity=40);}
.infoaxr {font-family:Leelawadee,Arial,Helvetica,sans-serif; color:#505050; font-size:80%; text-align:center;}


/* SECTION TEXTES ET LIENS */
h1 {font-family:Leelawadee,Arial,Helvetica,sans-serif; font-size:150%; font-weight:bold; padding:0px 0px 0px 0px; margin-top:12px;}
.hdrtit1axr {color:#363636; margin-left:16px;}
.hdrtit2axr {color:#3366ff; margin-left:16px;}
.idxtitaxr  {color:#44aa11; text-align:center;}

h2 {font-family:Verdana,Helvetica,sans-serif; font-size:120%; font-weight:bold;}
.titaxr {color:#c04000; text-align:center;}
/* .wrdaxr {color:#504040; text-align:center;} */
.wrdaxr {color:#d04000; text-align:center;}
.secaxr {color:#d04000; text-align:left;}

h3 {font-family:Leelawadee,Arial,Helvetica,sans-serif; font-size:100%; font-weight:bold;}
.h3h2   {color:#d04000;}
.tmv1axr {color:#dd5050; margin-top:4px;}
.tmv2axr {color:#cc4040; margin-top:4px;}

/* Ancien texte animé  .txtaaxr {color:#997733; font-size:116%; text-align:justify;} archives=xrx (commun à tous) */
.txtxrx, .txtaxr, .txtcaxr, .txtaaxr, .ptitaxr, .ctitaxr, .infoaxr {font-family:Leelawadee,Arial,Helvetica,sans-serif;}
.txtxrx  {color:#504030; font-size:116%; text-align:justify;}
.txtaxr  {color:#504030; font-size:116%; text-align:justify;}
.txtcaxr {color:#504030; font-size:116%; text-align:center;}
.txtaaxr {color:#83662c; font-size:116%; text-align:justify;}
.ptitaxr {color:#443322; font-size:100%; text-align:justify;}
.ctitaxr {color:#443322; font-size:100%; text-align:center;}
.scapaxr {font-variant: small-caps;}
.bugaxr  {color:#ffffff; font-size:4px;}

/* Ancien link défaut rouge cc4040 devenu rouge d03030 */
a:link    {color:#d03030; text-decoration:none;}
a:visited {color:#d03030; text-decoration:none;}
a:hover   {color:#208040; text-decoration:underline;}
a:active  {color:#d03030; text-decoration:none;}

.cenaxr {text-align:center;}
.lettrinDaxr {float:right; padding-left:10px; padding-bottom:0px;}
.lettrinGaxr {float:left; padding-right:10px; padding-bottom:0px;}
.lettrioDaxr {float:right; padding-left:10px; padding-bottom:0px; padding-top:8px;}
.lettrioGaxr {float:left; padding-right:10px; padding-bottom:0px; padding-top:8px;}


/* SECTION MENUS */
.mnu1axr, .mnu2axr
  {font-family:Arial,Helvetica,sans-serif; font-size:120%; font-weight:bold; text-align:center; text-decoration:none;}

.mnu1axr           {color:#f0f0f0;}
.mnu1axr a:link    {color:#400000; text-decoration:blink;}
.mnu1axr a:visited {color:#400000; text-decoration:blink;}
.mnu1axr a:hover   {color:#ffffff; text-transform:uppercase;}

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

.mnv1axr, .mnv2axr
  {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 */
/* ff8000 ffeee1 */
.mnv1axr           {color:#d04040;}
.mnv1axr a:link    {color:#d04040;}
.mnv1axr a:visited {color:#d04040;}
.mnv1axr a:hover   {color:#ffffff; background-color:#aa0000; font-size:110%; font-weight:bold; text-decoration:none; margin-left:8px;}

.mnv2axr           {color:#cc4040; font-weight:bold;}
.mnv2axr a:link    {color:#ff4040; font-weight:bold;}
.mnv2axr a:visited {color:#ff4040; font-weight:bold;}
.mnv2axr a:hover   {color:#ffffff; background-color:#aa0000; font-weight:bold; text-decoration:none; margin-left:8px;}