/* <hr> pour les [##] parcours initiatique*/
hr {
    display: block;
    clear: both;
    height: 0;
    padding: 0;
    border: 0;
    font-family: arial;
    text-align: center;
    font-size: 10px;
    line-height: 1;
}

/*Nouveaux titres pour les critiques de jeu [intégration d'une éventuelle Image*/
.titre_avis_jeux {
  position:relative; /* pour qu'il serve de référence pour le positionnement absolu de l'image */
  height:30px;
  padding-left:70px; /* d'après la largeur de ton image pour que le texte commence après */
  width:400px;
  color:white;
  box-shadow: 8px 8px 12px #aaa;
  border-radius: 10px;
  background-color :black;
  line-height:30px; /* centrage vertical */
  font-weight: bold;
 }
.titre_avis_jeux img {
 position:absolute;
 top:-30; left:0; /* a modifier pour déplacer l'image par raport au cadre */
}
.titre_avis_jeux_tiny {
  position:relative; /* pour qu'il serve de référence pour le positionnement absolu de l'image */
  height:30px;
  padding-left:70px; /* d'après la largeur de ton image pour que le texte commence après */
  width:200px;
  color:white;
  box-shadow: 8px 8px 12px #aaa;
  border-radius: 10px;
  background-color :black;
  line-height:30px; /* centrage vertical */
  font-weight: bold;
 }
 .titre_avis_jeux_tiny img {
 position:absolute;
 top:-10; left:0; /* a modifier pour déplacer l'image par raport au cadre */
}


/* Cadre blanc arrondi ****************************************/
.cadre { padding: 0px; margin: 0px;	border: 0px;}
.r-hg {	width: 5px; height: 24px; background: url("PAO/pack/rond-hg-24.gif") no-repeat right bottom;}
.r-h {	height: 24px; background: url('PAO/pack/rond-h-24.gif') repeat-x bottom;}
.r-hd {	width: 5px; height: 24px; background: url('PAO/pack/rond-hd-24.gif') no-repeat left bottom;}
.r-g {	width: 5px; background: url('PAO/pack/rond-g.gif') repeat-y right;}
.r-d {	width: 5px; background: url('PAO/pack/rond-d.gif') repeat-y left;}
.r-bg {	width: 5px; height: 5px; background: url('PAO/pack/rond-bg.gif') no-repeat right top;}
.r-b {	height: 5px; background: url('PAO/pack/rond-b.gif') repeat-x top;}
.r-bd {	width: 5px; height: 5px; background: url('PAO/pack/rond-bd.gif') no-repeat left top;}
.r-c {	background: white; padding: 2px;}

.titre_encart_essais {	width: 127px; height: 27px; text-align:right; font-weight: bold; background-image: url('PAO/Bannieres/Partenaires/tiny_Baam.jpg') no-repeat;}

.titre_encart {text-align:center; background-color:#FFCC66; font-weight: bold; }
.titre_rubrique_encart {font-weight: bold; border-bottom: 1px solid #FFCC66;}
.gros_titre_rubrique_encart {font-weight: bold; background: black; color: white; text-align:center; width:280; text-align:center;}
.titre_fond_noir {font-weight: bold; background: black; color: white;text-align:center; border-bottom: 1px solid #000000;}
.liseret_noir {font-weight: bold; border-bottom: 1px solid #000000;}


 /* ONGLETS ENCART*/ 
.onglet_encart{padding:0 0 0 0; width:578;
}
.onglet_top{background: url("http://chrysopee.net/PAO/pack/Encart_Onglet/haut_onglet.jpg") no-repeat;height:15px; 
font-weight:bold; padding:14 10 10 10;width:577px; 

}
.onglet_middle{background: url("http://chrysopee.net/PAO/pack/Encart_Onglet/milieu_onglet.jpg") repeat-y; 
padding:10px 200px 10px 10px;  margin-right: 10px;width:577px;
}
.onglet_middle_contenu{width:500;
}
.onglet_down{background: url("http://chrysopee.net/PAO/pack/Encart_Onglet/bas_onglet.jpg") no-repeat; height:12px;
padding:10;width:577px;
}

/* Post It CSS****************************************/

.post-it_css {
	background:#fefabc; 
	padding:15px; 
	font-family: 'Gloria Hallelujah', cursive; 
	font-size:12px; 
	color: #000; 
	width:250px; 

	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);

	box-shadow: 0px 4px 6px #333;
	-moz-box-shadow: 0px 4px 6px #333;
	-webkit-box-shadow: 0px 4px 6px #333;

}

/* Post It ****************************************/
.postit{
position:relative;
background: transparent url(postit.png) no-repeat 0 0;
}
.postit2{
position:relative;
background: transparent url(postit2.png) no-repeat 0 0;
}
.dim2{
width:409px;
height:360px;
}
.dim{
width:250px;
height:360px;
}
.padding{
padding:5px;
}
/*Menu (grise l'image non survolée) ****************************************/
.navigation:hover img{opacity:1;filter : alpha(opacity=100); }
.navigation img{opacity:0.3; filter : alpha(opacity=30);}

/* Legende image ****************************************/
.legende:hover		 { 
					width: 380px; height:5px; background: url(/PAO/Elements/Transparence/transpBrown75.png);
	                color: white; margin-top:-54px; margin-left:-200px;   position: relative; vertical-align:bottom;
					font: bold 9pt serif; padding: 10px; left: 50%; text-align:center; 
					}
.legende		     	{ 
					width: 380px; height:5px; background: url(/PAO/Elements/Transparence/transpBrown50.png);
	                color: white; margin-top:-54px; margin-left:-200px;   position: relative; vertical-align:bottom;
					font: bold 9pt serif; padding: 10px; left: 50%; text-align:center;
					}

/* Encarts ****************************************/
.news { width:500; border: 1px dashed #000000;  padding:5px; cursor: auto ;}

.menu_gazette { background: white; width:145; border: 1px dashed #000000;  padding:5px; cursor: auto ;}

.une { border: 1px dashed #000000;  padding:5px; cursor: auto ;}
.encart { width:300; border: 1px dashed #000000;  padding:5px; cursor: auto ;}
.citation {padding:5px;width:300; border-top:1px solid #FFCC66;border-right:1px solid #FFCC66;border-left:2px solid #FFCC66; border-bottom:1px solid #FFCC66;background-color: #FFFFEE}
.citation2 { width:300; padding:5px; cursor: auto; 
			background: url('/PAO/Elements/Menus/Fiches.gif'); background-repeat:no-repeat;
			}
.blocavis {padding:5px;width:280; border-top:1px solid #FFCC66;border-right:1px solid #FFCC66;border-left:2px solid #FFCC66; border-bottom:1px solid #FFCC66;background-color: #FFFFEE}
.citation3 {padding:5px;width:300; border-top:1px solid #FFCC66;border-right:1px solid #FFCC66;border-left:2px solid #FFCC66; border-bottom:1px solid #FFCC66;background-color: #FFFFFE}
.citation4 {padding:5px;border-top:1px solid #FFCC66;border-right:1px solid #FFCC66;border-left:2px solid #FFCC66; border-bottom:1px solid #FFCC66;background-color: #FFFFFE}
.citation5 {display:block;padding:5px;width:150; border-top:1px solid #FFCC66;border-right:1px solid #FFCC66;border-left:2px solid #FFCC66; border-bottom:1px solid #FFCC66;background-color: #FFFFFE;}
.bigencart { text-align:left; width:590; border: 1px dashed #000000;  padding:5px; cursor: auto ;}

.Encart_Menu {padding:5px;width:150; border-top:1px solid #FFCC66;border-right:1px solid #FFCC66;border-left:2px solid #FFCC66; border-bottom:1px solid #FFCC66;background-color: #FFFFEE}
.fiche { width:250; border: 1px dashed #cccccc;  padding:5px; cursor: auto ;}
.avis {border: 1px dashed #cccccc;  padding:5px; cursor: auto ;}

.encart_ext{padding:5px; width=500; border-top:1px solid #FFCC66;border-right:1px solid #FFCC66;border-left:2px solid #FFCC66; border-bottom:1px solid #FFCC66;background-color: #FFFFEE}
.encart_ext_250{padding:5px; width=250; border-top:1px solid #FFCC66;border-right:1px solid #FFCC66;border-left:2px solid #FFCC66; border-bottom:1px solid #FFCC66;background-color: #FFFFEE}

/* Titres ****************************************/
.titrecorps {  width:250; font-weight: bold; border: 2px solid #000000; padding-left: 5px; border-left:22px solid #000000; background-color: #ffffcc}

.titre1			{  border: 5px solid #fff;
  -moz-box-shadow: 8px 8px 12px #aaa; 
  -webkit-box-shadow: 8px 8px 12px #aaa; 
  box-shadow: 8px 8px 12px #555; 
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   border-radius: 5px;
   
   font-weight: bold;
   
  
   height:50px;
   text-align : center;
   vertical-align: middle; 
   
   margin-left: auto;
	margin-right: auto;
   
   background: url('http://chrysopee.net/PAO/Elements/Menus/arabesque.gif'); background-repeat:no-repeat;
   font: bold 20pt serif; 
	text-shadow: 4px 4px 8px #FFFFFF;
    
				}
.sstitre { width: 400px; height:16px; background-color:black; margin-left: auto;
	margin-right: auto;
	margin-top:-10px;  
	left:81px;
	position:relative; color: white; font: bold 9pt serif;  text-align:center;
	
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   border-radius: 5px;
   
    -moz-box-shadow: 8px 8px 12px #aaa; 
  -webkit-box-shadow: 8px 8px 12px #aaa; 
  box-shadow: 8px 8px 12px #555; 
				}
.titre2 			{  width:380; font-weight: bold; border: 2px solid #000000; padding-left: 35px;  background-color: #FFFFEE; 
				background: url('/PAO/Elements/Menus/titre2_gauche.gif'); background-repeat:no-repeat;}
.titre3			{ width:350; font-weight: bold; border-bottom:1px solid #000000; padding-left: 5px;}

.ss_titrecorps {padding-left: 5px;width:250; font-weight: bold;border-top:1px solid #FFCC66;border-right:1px solid #FFCC66;border-left:2px solid #FFCC66; border-bottom:1px solid #FFCC66;background-color: #FFFFEE}
.ss_ss_titrecorps {width:250;font-weight: bold; border-bottom: 1px solid #FFCC66;}

/* Liens ****************************************/
.lien{ position: relative; color: #FFFFFF; font-size: 8pt; font-family: verdana;  font-weight: bold; letter-spacing: -1pt; text-decoration: none;}
.lien:hover {background-color:white; COLOR : black; }

.lien_menu:hover {COLOR : red; text-decoration: overline underline; }
.lien_menu{	COLOR : RGB(120,0,22); TEXT-DECORATION: none}

.lien_menu_footer:hover {COLOR :yellow; text-decoration: overline underline; }
.lien_menu_footer{	COLOR : white; TEXT-DECORATION: none}

.lien_documents_lies{COLOR : black;
	text-decoration:none;
}
.lien_documents_lies:visited {COLOR : black;
	text-decoration:none;
}
.lien_documents_lies:hover {
	COLOR : red; 
	text-decoration: overline underline; 
	width=100%;
}

/* Alignement ****************************************/
.right {FLOAT: right; text-align:center; padding: 5px;}
.left {FLOAT: left; text-align:center; padding: 5px;}
.image_fond { position: absolute;  top: 1em;  right: 1;}

/* Info Bulle *******************************/
a.info{
    position:relative; 
     z-index:25; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info titre_bulle{
 background-color:#000000; color:#FFFFFF;
 display:block; 
 width:200px;
 font-weight:bold;
}
 
a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:30px; left:-30px; width:200px;
 border:1px solid #FFFF00;
 background-color:#FFFFCC; color:#000000;
 text-align: center;
 font-weight:none;
 z-index:26;
 padding:1px;
 font-size:12px;

    }