/* <link href="ccj.css" rel="stylesheet"> */

.pps {BORDER-RIGHT: #FFF 1px dashed; PADDING-RIGHT: 10px; 
BORDER-TOP: #fff 1px dashed; PADDING-LEFT: 10px;
  PADDING-BOTTOM: 5px; MARGIN: 10px;
 BORDER-LEFT: #fff 1px dashed; PADDING-TOP:10px;
BORDER-BOTTOM: #fff 1px dashed; }

.solids {BORDER-RIGHT: #FFF 1px solid; 
BORDER-TOP: #FFF 1px solid; 
 BORDER-LEFT: #FFF 1px solid; 
BORDER-BOTTOM: #FFF 1px solid; }

.solidp {BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 10px; 
BORDER-TOP: #fff 1px solid; PADDING-LEFT: 10px;
  PADDING-BOTTOM: 5px; MARGIN: 10px;
 BORDER-LEFT: #fff 1px solid; PADDING-TOP:10px;
BORDER-BOTTOM: #fff 1px solid; }

.solid2 {BORDER-RIGHT: #fff 1px solid; PADDING:30px;
BORDER-TOP: #fff 1px solid;
   MARGIN: 60px;
 BORDER-LEFT: #fff 1px solid;
BORDER-BOTTOM: #fff 1px solid; }

.margin  {   MARGIN: 60px;  }

p { text-decoration: none; font-size: 80%; font-family: arial, tahoma, verdana, sans-serif;}

.bloc2 {display:none;position:absolute;width:200px;
height:150px;padding:10;border: 1px solid #999; 
text-decoration: none;color: #000;font-size:12pt;
background: #fff;}

body {
    scrollbar-face-color: #ff0000;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color:#FFFFFF ;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #FF9933;
    scrollbar-arrow-color:#FFFFFF ;}
    
    .just {text-align:justify;}


A:link {    COLOR: #FFcc00; text-decoration: none; }
A:visited {    COLOR: #FFcc00; text-decoration: none; }
A:active {    COLOR: #FF0000 ; text-decoration: none}
A:hover {    COLOR:#FFFFFF }


.lien A {COLOR: #FFcc00; text-decoration: none;}
.lien A:active {    COLOR: #FF0000 ; text-decoration: none}
.lien A:hover {    COLOR:#FFFFFF }
A:link {    COLOR: #FFcc00; text-decoration: none; }

.lien div A {COLOR: #FFcc00; text-decoration: none;}
.lien div A:active {    COLOR: #FF0000 ; text-decoration: none}
.lien div A:hover {    COLOR:#FFFFFF }

 .lien2 A {COLOR: #FF0000; text-decoration: none;FONT-SIZE: 110% ; }
 .lien2 A:visited {    COLOR: #cccccc; text-decoration: none; }
.lien2 A:active {    COLOR: #FFFF00 ; text-decoration: none}
.lien2 A:hover {    text-decoration: none; COLOR: #FFFFFF}


.img {FLOAT: left; MARGIN: 0px 10px 0px 0px}

#ftl {float: left; margin-right: 10px; margin-bottom: 6px;}
#fl {float: left; margin-right: 10px; }
#fr {float: right}

#blu { background : #2e7389  ;  color: #FFFFFF}
#rose { background : #9A0375  ;  color: #FFFFFF}
#bg { background : #f2f2f2 }
#w {  color: #FFFFFF}

#b { FONT-WEIGHT: bold}

#l {  TEXT-ALIGN: left}
#c { TEXT-ALIGN: center}
#tc  { position: relative; left: 10%}

#bl { FONT-WEIGHT: bold; TEXT-ALIGN: left}
#bc { FONT-WEIGHT: bold; TEXT-ALIGN: center}
#blw { background-color: white; FONT-WEIGHT: bold; TEXT-ALIGN: left}

#norep {background-repeat:no-repeat; background-position:center center;}

.z {margin:0; padding:0}
#z {margin:0; padding:0}
#pl {PADDING-LEFT: 20px}
#tp  { position: relative; left: 2%}

.ab { position: absolute; top: 5%;left: 40%; width:200px;
 color: #FFF;font-size:12pt; font-size: 90%; font-family:arial;background-color: blue}

.ab2 { position: absolute; top: 25%; left: 45%; width:200px;
 font-family:arial;}
.bloc5 a:hover { background: #4B4BC2;}
.bloc5 a span {display: none;}
.bloc5 a:hover span {display: block;}

.hide2 {visibility: hidden;  display: none;}
.comic {font-family: georgia, prestige, sans-serif ;}
.80 {font-size: 80%;}


 /* définition de la balise <span> inclue dans <a>, background:xxx; obligatoire pour IE6  */
.bloc4 a:hover { background: #4B4BC2;}
.bloc4 a span { display: none;}
.bloc4 a:hover span {display: block;}
.bloc4 a p {display: block;}
.bloc4 a:hover p { display: none;}


 /* onclick engendre l'apparition du contenu ds le span */

#cssonclickswitch a:hover,
#cssonclickswitch a:focus:hover {color:red ; background:none;}

#cssonclickswitch a:active,
#cssonclickswitch a:focus {color:#fff; background-color:#999999;}

#cssonclickswitch a span {display: none;}
#cssonclickswitch a:active span,
#cssonclickswitch a:focus span {
display: block;
position: absolute;
top: 90;
left: 35%;
width:400;
color:white;
background:#999999;
}