body 
{

background-color:#7C8BB4;
/*#E1FF7D*/
behavior:url('/cssfocusandhover.htc');
}

.rbroundbox2 b
{
color:#FFD050;
line-height:160%;
}

.date{color:#474DBB;font-weight:bold;font-family:arial,helvetica;}

#texte {font-size: 0.9em;line-height: 1.4em;text-align:justify;}

#texte a 
{
color:#920D02;
font-weight:bold;
text-decoration:none;
background: url(/images/under.gif) bottom left repeat-x;
padding-bottom:1px;
/*border-bottom:1px dotted #859BC3;
padding:0px;*/
}

#texte .thist a {text-decoration:none;background-image:none;}
#texte .hist a {text-decoration:none;background-image:none;}
#texte .ahist a {text-decoration:none;background-image:none;}
#texte .rthist a {text-decoration:none;background-image:none;}

#texte a.petit {font-size:small;}

#texte a:hover
{
color:#580801;
text-decoration:underline;
background-image:none;
border-bottom:0px;
}

#texte a:visited
{color:#333;}


#texte .rbroundbox2 a
{
color:#f5ffc0;
font-weight:bold;
border-bottom:1px dotted #FFFFFF;
text-decoration:none;
background:none;
line-height:100%;
}

#texte .rbroundbox2 a:hover
{
color:#ffffff;
font-weight:bold;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
background:none;
}

#texte .petittitre
{
line-height:300%;
border-bottom:5px solid #8098ab;
font-weight:bold;
}

#texte .petittitre2
{
line-height:300%;
color:#AABF4C;
float:right;
}

#blog
{
font-size:0.92em;
line-height:1.4em;
}

#blog a
{
text-decoration:none;
background: url(/images/under.gif) bottom left repeat-x;
font-weight: normal;
color:#920D02;
}

acronym
{
font-size:0.6em;
text-decoration:none;
cursor:help;
font-weight: normal;
color:#427E20;
}

#blog a:hover
{
color:#580801;
text-decoration:underline;
background-image:none;
border-bottom:0px;
}

a.toplink
{
text-decoration:none;
border-bottom:1px dotted #920D02;
font-size: 0.8em;
}

a.toplink:hover{border-bottom:1px solid #ACC4F2;}

a {text-decoration:underline;font-weight: normal;color:#711011}
a:hover {color:#640000;text-decoration:underline;}


hr{
border:0;
border-top: 1px dashed #7A9ED1;
color: #ffffff;
background-color: #ffffff;
height: 0px;
}

.activille
{
color:#ffffff;
font-weight:bold;
background:#000040;
padding:0px;
}

.menu
{
padding:4px;
background:#ffffff;
border:1px solid #000000;
}

td.villeact{
text-align:center;
background:#C13000;
color:#ffffff;
font-weight:bold;
}

.white{
text-decoration:none;
color:#ffffff;
}

.white:hover{
text-decoration:none;
}

.alerte{
text-align:justify;
font-size:small;
background:#AE2525;
padding:10px;
border:1px solid #860000;
color:#ffffff;
font-family: arial,helvetica,sans-serif;
}

.alerte b
{
color:#FFD050;
line-height:160%;
}

.alerte a
{
color:#f5ffc0;
font-weight:bold;
border-bottom:1px dotted #FFFFFF;
text-decoration:none;
background:none;
}

.alerte a:hover
{
color:#ffffff;
font-weight:bold;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
background:none;
}


#texte .alerte a
{
color:#f5ffc0;
font-weight:bold;
border-bottom:1px dotted #FFFFFF;
text-decoration:none;
background:none;
}

#texte .alerte a:hover
{
color:#ffffff;
font-weight:bold;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
background:none;
}




.historiq{
padding:3px;
text-align:justify;
border:1px solid #8B9CB7;
background:#E4EBF4;
}

.nhist{
width:60px;
}



.cadre{
padding:2px;
text-align:justify;
border:1px solid #000000;
}


.cool{
text-align:justify;
font-size:small;
background:#FFF08B;
padding:10px;
border:1px solid #AABF4C;
}

.rbroundbox { background: #FFF08B;display:none;width:100% }
.rbroundbox1 { width:100% }
.rbroundbox2 
{ 
width:100%;
background:#AE2525;
text-align:justify;
color:#ffffff;
font-family: arial,helvetica,sans-serif;
}
.rbroundbox2  b{color:#FFD050;font-family: arial,helvetica,sans-serif;}


.rbtop div  { background: url("/images/top_left.gif") no-repeat top left; }
.rbtop      { background: url("/images/top_right.gif") no-repeat top right; }
.rbbot div  { background: url("/images/bottom_left.gif") no-repeat bottom left; }
.rbbot      { background: url("/images/bottom_right.gif") no-repeat bottom right;}

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
    width: 100%;
    height: 14px;
    font-size: 1px;
}
.rbcontent  { margin: 0 14px; text-align:justify;font-size:small;}
.rbroundbox {  margin: auto; }
.rbroundbox1 {  margin: auto; }
.rbroundbox2 {  margin: auto; }


.pagebody
{
text-align:justify;
width:780px;
background:#ffffff;
/*border:1px solid #000000;*/
padding:0;
margin:0;
}

.navig
{
padding:0px;
margin:0;
width:100%;
background:#ACC4F2 url("images/navig_fond.gif") no-repeat right top;
}

.active
{
color:#ffffff;
background:#000040;
text-align:center;
font-size:small;
}

.citation
{
color:#42090A;
font-weight:bold;
font-size: small;
}

.titre
{
font-family: arial,helvetica,sans-serif;
font-weight:bold;
color:#7A9ED1;
font-size: large;
border-bottom: 2px dotted #cccccc;
padding-bottom:4px;
margin-bottom:10px;
}

.gtitre
{
font-family: arial,helvetica,sans-serif;
line-height:26px;
font-weight:bold;
color:#ffffff;
font-size: 33px;
}

.mini
{
line-height:12px;
color:#8098AB;
font-size: 10px;
}

.gtitred
{
font-family: arial,helvetica,sans-serif;
line-height:0px;
font-weight:bold;
color:#ffffff;
font-size: 32px;
}

.gtitrenoird
{
font-family: arial,helvetica,sans-serif;
line-height:33px;
font-weight:bold;
color:#640000;
font-size: 38px;
}


.gtitrenoir
{
font-family: arial,helvetica,sans-serif;
line-height:32px;
font-weight:bold;
color:#640000;
font-size: 42px;
}

.discret{color:#363D67;font-size: small;line-height:1.5}

.lien
{
background:#CEDDFF;
border-bottom: 1px solid #000040;
border-top: 1px solid #000040;
text-align:center;
height:25px;
font-size:small;
}

td.lien:hover
{
background: #E4EBF4;
}

form
{
display: inline;
margin:0px;
padding:0px;
}

select
{
font-size:small;
}

.search
{
border:1px solid #5D73AE;
font-size:0.8em;
padding:2px;
background:#ffffff; /*7C8BB4; #FFF2AE; #F7FFC3;*/
color:#5D73AE;
margin-bottom:5px;
}

.search2
{
border:0px solid #7C8BB4;
font-size:0.8em;
margin-bottom:5px;
}

.multi
{
/*border:2px solid #ffffff;
cursor:link;
cursor:hand;*/
}

.help
{
cursor:help;
}

/*   ////////////////////////////////////////////////////////////////////  */

    #header {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:0px 0px 0;
      list-style:none;
      }
      
      /*  TABS  */
      

#header a.lang {
      background:url("/images/right2_both.gif") no-repeat right top;
      text-decoration:none;
      font-weight:bold;
      color:#ffffff;
      }

    #header li.lang {
      background:url("/images/left2_both.gif") no-repeat left top;
      margin-left:25px;
      border-bottom:1px solid #7C8BB4;
      }


    #header li {
      float:left;
      background:url("/images/left_both.gif") no-repeat left top;
      padding:0 0 0 6px;
      margin-left:3px;
      font-size:x-small;
      border-bottom:1px solid #7C8BB4;
      }
      
    #header a {
      float:left;
      display:block;
      width:.1em;
      background:url("/images/right_both.gif") no-repeat right top;
      padding:5px 7px 4px 1px;
      text-decoration:none;
      font-weight:bold;
      font-family: arial,helvetica,sans-serif;
      color:#cfcfcf;
      }
      
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#333;
      }
      
      /*  ACTIVATED  */

    #accueil #nav-accueil, #aider #nav-aider,
    #temoin #nav-temoin, #comprendre #nav-comprendre,
    #liens #nav-liens,#historique #nav-historique,
    #soutien #nav-soutien {
      background-position:0 -150px;
      border-width:0;
      }
    #accueil #nav-accueil a, #aider #nav-aider a,
    #soutien #nav-soutien a, #comprendre #nav-comprendre a,
    #temoin #nav-temoin a, #historique #nav-historique a,
    #liens #nav-liens a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#920D02;
      }
      
      /*  HOVER  */
      
    #header li:hover, #header li:hover a {
      background-position:0 -150px;
      color:#7C8BB4;
      }
    #header li:hover a {
      background-position:100% -150px;
      }



/*        //////////////////////////////////////////////////////////////////////////              */

.browser{
padding:8px;
background:#ffffff;
border:1px solid #000000;
}

.activephoto
{
border: 1px solid #000000;
cursor: pointer;
}