h1{
	font-family: Arial, Helvetica;
	font-size:28px;
	color:#999900;
	font-weight: normal;
	letter-spacing: 1px;
	padding-top:0;
	padding-bottom:5;
	margin:0;
	}
	
h2{
	font-family: Arial, Helvetica;
	font-size:22px;
	color:#999900;
	font-weight: normal;
	letter-spacing: 1px;
	padding-top:0;
	padding-bottom:5;
	margin:0;
	}

.grostitre{

	font-family: Arial, Helvetica;
	font-size:30px;
	color:#999900;
	font-weight: bold;
	letter-spacing: 3px;
	padding-top:0;
	padding-bottom:0;
	margin:0;

}

h3{
	font-family: Arial, Helvetica;
	font-size:18px;
	color:#999900;
	font-weight: normal;
	letter-spacing: 1px;
	padding-top:0;
	padding-bottom:5;
	margin:0;
	}

	
h4{
	font-family: Arial, Helvetica;
	font-size:16px;
	color:#999900;
	font-weight: normal;
	letter-spacing: 1px;
	padding-top:0;
	padding-bottom:2;
	margin:0;
	}	

h5  {
	font-family: Arial, Helvetica;
	font-size:16px;
	color:#999900;
	font-weight: normal;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	}
	
	
.jaune{
	font-family: Arial, Helvetica;
	color:#999900;
	font-weight: normal;
	}
	
.jaune_print{
	font-family: Arial, Helvetica;
	color:#999900;
	}	
	
/*
h1,h2,h3,h4,h5,h6 {
	color: #CC0;
	font-family: CodeBoldRegular, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 1px;
	padding:0;
	margin:0;
}
*/



.icone_rs2{
width:42px;
height:42px;
border-width:2px;
border-color:#999900;
border-style: solid;
border-radius:50%;
margin:7px;
}

.td_ico{
width:60px;
height:60px;
	
}

.icone_rs2:HOVER{border-color:teal;}

SMALL{ font-size : 12px;}
FONT { font-family: Arial, Helvetica, Verdana;}
BODY, TD,TH { font-family: Arial, Helvetica, Verdana;}
.mybody{color:#999999;background-color:black;}
a:LINK { text-decoration : none;}
a:VISITED { color:teal;text-decoration : none;}
a:HOVER { color : #FF0000; text-decoration : none;}

A.nav:LINK {text-decoration : none; font-family : Arial,Helvetica,Verdana; color : Teal; font-weight : bold;}
A.nav:VISITED { text-decoration : none; font-family : Arial,Helvetica,Verdana; font-weight : bold; color : Teal;}
A.nav:HOVER { text-decoration : underline; color : #ff0000; font-weight : bold;}
.ak {text-decoration : underline;font-style:normal}
A.nb:LINK { text-decoration : none; font-family : Arial,Helvetica,Verdana; color : Teal;}
A.nb:VISITED { text-decoration : none; font-family : Arial,Helvetica,Verdana; color : Teal;}
A.nb:HOVER {text-decoration : underline; color : #ff0000;}

A.pub:LINK {text-decoration : none; font-family : Arial,Helvetica,Verdana; color : Teal;}
A.pub:VISITED { text-decoration : none; font-family : Arial,Helvetica,Verdana; color : Teal;}
A.pub:HOVER { text-decoration : underline; color : #ff0000; }

a.corpus:link{ font-size : 11px; font-family : Arial,Helvetica,Verdana; color : #999999;text-decoration:none;}
a.corpus:VISITED{ font-size : 11px; font-family : Arial,Helvetica,Verdana; color : #999999;text-decoration:none;}
a.corpus:HOVER{ font-size : 11px; font-family : Arial,Helvetica,Verdana; color : #999999;text-decoration:none;}


A.currentRUB:LINK {text-decoration : none; font-family : Arial,Helvetica,Verdana; color : RED; font-weight : bold;}
A.currentRUB:VISITED { text-decoration : none; font-family : Arial,Helvetica,Verdana; font-weight : bold; color : RED;}
A.currentRUB:HOVER { text-decoration : underline; color : #ff0000; font-weight : bold; color: GREY}

.popper {
	POSITION: absolute; VISIBILITY: hidden
}
.big { font-size : 15px; font-family : Arial,Helvetica,Verdana; color : #999999}
.publier{ font-size : 15px; font-family : Arial,Helvetica,Verdana; color : #999999}
.corps { font-size : 15px; font-family : Arial,Helvetica,Verdana; color : #999999}
.co { font-size : 11px; font-family : Arial,Helvetica,Verdana; color : #999999;}
.co2 { font-size : 9px; font-family : Arial,Helvetica,Verdana; color : #999999;}
.redsm { font-size : 11px; font-family : Verdana,Arial,Helvetica; color : #999999;}
.redbig { font-size : 12px; font-family : Arial,Helvetica,Verdana;  color : #999999; font-weight : bold;}
.mini { font-size : 10px; font-family : Arial,Helvetica,Verdana; font-weight : bold;}
.rech { background-color : Silver;color : navy; font-size : 12px; height : 16px; width : 110px;}
.promo { color : #999900; font-size : 12px; cursor : hand;}
.popper {POSITION: absolute; VISIBILITY: hidden}
.cur{cursor:help}
.dat { background-color : Silver;color : navy; font-size : 12px; height : 16px; width : 30px;}
.dat2 { background-color : Silver;color : navy; font-size : 12px; height : 16px;}
.envoi { background-color : Silver;color : navy; font-size : 12px; height : 18px;}
/*oracles*/
.selected_jour { background-color : Silver;color : navy; font-size : 12px; height : 20px; width : 65px;}
.selected_heure { background-color : Silver;color : navy; font-size : 12px; height : 20px; width : 45px;}

/*
BODY {
scrollbar-arrow-color: teal;
scrollbar-base-color: #999900;
scrollbar-dark-shadow-color: black;
scrollbar-face-color: #999900;
scrollbar-highlight-color: black;
scrollbar-shadow-color: black;}
*/
@media only screen and (min-width: 900px)
{
/* width */
::-webkit-scrollbar {
    width: 14px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px teal; 
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: teal; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: grey; 
}
}


.t9{font-size: 9px;}
.t12{font-size: 12px;}
.t20{font-size: 20px;}

.no_rob{display:none;}
.no_print {display:block;}
.print_seul{display:none;}

.encadre{
padding:10px;
border: 1px solid #999900;
}

.cadre_corps{
padding:20px;
border:1px solid #CC0;
border-radius:8px;
width:543px;
}

.cadre_corps_app{
margin:10px;
padding:10px;
border:1px solid #CC0;
border-radius:16px;
width:90%;
}

.cadre_80{
padding:20px;
border:1px solid #CC0;
border-radius:8px;
width:80%;
display:block;
}


.print_100{
display:none;	
}

.title{

}

.title span{
     position:absolute; 
     margin-top:23px;
     margin-left:-35px;
     color:#999900;
     background:#222222;
     padding:15px;
     border-radius:8px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
	 -webkit-transform:scale(0) rotate(-12deg);
	 -ms-transform:scale(0) rotate(-12deg);
	-moz-transform:scale(0) rotate(-12deg);
	-o-transform:scale(0) rotate(-12deg);
	-khtml-transform:scale(0) rotate(-12deg);
     transform:scale(0) rotate(-12deg);
	 -webkit-transition:all 0.25s;
	 -moz-transition: all 0.25s;
	  -o-transition:all 0.25s;
	  -khtml-transition: all 0.25s;
	 transition:all 0.25s;
	 text-align:left;
	 font-size:16px;
	 z-index:99;
	 opacity:0;

}

.title:hover span, .title:focus span{
	 -webkit-transform:scale(1) rotate(0);
	 -ms-transform:scale(1) rotate(0);
	-moz-transform:scale(1) rotate(0);
	-o-transform:scale(1) rotate(0);
	-khtml-transform:scale(1) rotate(0);
     transform:scale(1) rotate(0);   
	opacity:1;
}

.myBtn, .myBtn2{background-clip:padding-box;background-color:teal;background-image:linear-gradient(top,teal,#0d3d6a);background-image:-moz-linear-gradient(top,teal,#0d3d6a);background-image:-ms-linear-gradient(top,teal,#0d3d6a);background-image:-o-linear-gradient(top,teal,#0d3d6a);background-image:-webkit-gradient(linear,left top,left bottom,from(teal),to(#0d3d6a));background-image:-webkit-linear-gradient(top,teal,#0d3d6a);behavior:url(PIE-1.0.0/PIE.php);border:1px solid #0d3d6a;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.7);color:#fff;cursor:pointer;font:bold 14px Calibri,Helvetica,Arial,sans-serif;height:30px;moz-background-clip:padding;moz-border-radius:16px;moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.7);outline:none;padding:0 15px;pie-background:linear-gradient(top,teal,#0d3d6a);position:relative;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,0.7);webkit-background-clip:padding-box;webkit-border-radius:16px;webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.7);}
.myBtn:active, .myBtn:hover, .myBtn2:active, .myBtn2:hover{background-color:#0d3d6a;background-image:linear-gradient(top,#0d3d6a,teal);background-image:-moz-linear-gradient(top,#0d3d6a,teal);background-image:-ms-linear-gradient(top,#0d3d6a,teal);background-image:-o-linear-gradient(top,#0d3d6a,teal);background-image:-webkit-gradient(linear,left top,left bottom,from(#0d3d6a),to(teal));background-image:-webkit-linear-gradient(top,#0d3d6a,teal);border:1px solid teal;box-shadow:inset 0 0 2px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1);moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1);pie-background:linear-gradient(top,#0d3d6a,teal);webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1)}


.elBtn{background-clip:padding-box;background-color:teal;background-image:linear-gradient(top,teal,#0d3d6a);background-image:-moz-linear-gradient(top,teal,#0d3d6a);background-image:-ms-linear-gradient(top,teal,#0d3d6a);background-image:-o-linear-gradient(top,teal,#0d3d6a);background-image:-webkit-gradient(linear,left top,left bottom,from(teal),to(#0d3d6a));background-image:-webkit-linear-gradient(top,teal,#0d3d6a);behavior:url(PIE-1.0.0/PIE.php);border:1px solid #0d3d6a;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.7);color:#fff;cursor:pointer;
font:bold 14px Calibri,Helvetica,Arial,sans-serif;moz-background-clip:padding;moz-border-radius:16px;moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.7);outline:none;padding:5px 15px 5px 15px;pie-background:linear-gradient(top,teal,#0d3d6a);position:relative;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,0.7);webkit-background-clip:padding-box;webkit-border-radius:16px;webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.7);}
.elBtn:active, .elBtn:hover, .elBtn:active, .elBtn:hover{background-color:#0d3d6a;background-image:linear-gradient(top,#0d3d6a,teal);background-image:-moz-linear-gradient(top,#0d3d6a,teal);background-image:-ms-linear-gradient(top,#0d3d6a,teal);background-image:-o-linear-gradient(top,#0d3d6a,teal);background-image:-webkit-gradient(linear,left top,left bottom,from(#0d3d6a),to(teal));background-image:-webkit-linear-gradient(top,#0d3d6a,teal);border:1px solid teal;box-shadow:inset 0 0 2px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1);moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1);pie-background:linear-gradient(top,#0d3d6a,teal);webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.7),0 1px 0 rgba(255,255,255,0.1)}




#popalert{
position: absolute;
width: 100%;
height: 100%;
z-index: 90;
top: 0px;
left: 0px;
background:#000011;
text-align:center;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -khtml-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  }


#msgalert {
position:absolute;
width:500px;
height:250px;
left:50%;
top:50%;
margin:-125px 0 0 -250px;
z-index: 99;
background:#222222;
padding:20px;
color:#ffffff;
border:1px solid #CC0;
border-radius:8px;
text-align:left;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -khtml-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
    opacity:0;
  visibility:hidden;

}

.lame_big{
	width:228px;
	height:452px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:30px;
	margin-left:30px;
}

.bloc_img_express{
	float:left;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:10px;
}

.nav_marge{
	padding: 8px 3px 8px 3px;
	font-size:14px;

}

.nav_haut{
	padding: 8px;
	font-size:13px;
	text-align:center;
}

.sous_nav_haut{
	padding: 8px;
	font-size:13px;
}

.titre_rubrique_marge{
	width:100%;
	background:#999900;
	text-align:center;
	color:black;
	padding-top:4px;
	padding-bottom:4px;
	font-size:15px;
	
}

.logo{
	width:104px;
	height:39px;
}

.div_list_editorial_tarot{
      position:absolute; 
      margin-top:-10px;
      margin-left:-75px;
      color:#999900;
      background:#222222;
      padding:5px;
      border-radius:8px;
      box-shadow:0 0 2px rgba(0,0,0,.5);
 	 text-align:left;
	 display:none;
 	 z-index:99;
 }	
 
 
 .menu_rubrique{
      position:absolute; 
      margin-top:-10px;
      margin-left:0px;
      color:#999900;
      background:#222222;
      padding:10px;
      border-radius:10px;
      box-shadow:0 0 2px rgba(0,0,0,.5);
 	 text-align:left;
	 display:none;
 	 z-index:99;
 }	
 
 
 .menu_rubrique LI{
	padding:3px;
 }
 
  .menu_rubrique_hidden{
      position:absolute; 
      margin-top:-10px;
      margin-left:0px;
      color:#999900;
      background:#222222;
      padding:10px;
      border-radius:10px;
      box-shadow:0 0 2px rgba(0,0,0,.5);
 	 text-align:left;
	 visibility:hidden;
 	 z-index:99;
 }	
 
 
 .menu_rubrique_hidden LI{
	padding:3px;
 }
 
.mob_seul{
	display:none;
}





#the_diapo img {
  position:absolute;
  left:0px;
  margin:auto;
}
 
.diapo_board{
	z-index:99;
	width:174px;
	height:316px;
}


.diapo_images{
	width:174px;
	height:316px;
}

.anim_images{
	width:150px;
	height:300px;
}

.table_diapo{
	float:right;
	padding-left:20px;
	padding-bottom:20px;
}

/*
@-ms-viewport{
  width: device-width;
}
*/
@media only screen and (max-width: 900px)

{

.img_100{
	width:100%;
}

{

.img_80{
	width:80%;
}


/* Smartphones ----------- */
@media only screen and (max-width: 760px)

{
	.noport{display:none;}
 
  .title span{
    display:none;
}

.title:hover span, .title:focus span{
     display:none;
}
  
 .link_mob{
	 font-size:2em;
 }

.mob_inline{
	display:inline-block;
	
}

.mob_none{
	display:none;
}

.mob_seul{
	display:block;
}


/*
.nav, .currentRUB{
	font-size:1.4em;
}
*/

.flash_img_mob{
	width:100%;
}

.img_100{
	width:100%;
}

.img_80{
	width:80%;
}
.flash_img_mob_80{
	width:80%;
}

.content{
	font-size:200%;
}


.content_300{
	font-size:300%;
}

.content_170{
	font-size:170%;
}

.content_small{
	font-size:150%;
}

.content_140{
	font-size:140%;
}


.content_135{
	font-size:135%;
}
.content_130{
	font-size:130%;
}

.content_very_small{
	font-size:125%;
}

.content_100{
	font-size:100%;
}

.bloc_img_express{
	clear:both;
		
}

.nav_marge{
	padding: 6px 2px 6px 2px;
	font-size:145%;
		word-break: break-all;
	
}

.titre_rubrique_marge{
	padding-top:3px;
	padding-bottom:3px;
	font-size:115%;
	

}

.nav_haut{
	padding:4px;
	font-size:130%;
}

.sous_nav_haut{
	padding:8px;
	font-size:180%;
}

.logo{
	width:122px;
	height:45px;
	padding-top:5px;
	padding-bottom:5px;
	
}

.elBtn{
font-size:150%;
}

.table_diapo{
	clear:both;
	width:100%;
	padding-left:0px;
	text-align:center;
}

.diapo_board{
	width:228px;
	height:452px;
}

.diapo_images{
	width:228px;
	height:452px;
}

.anim_images{
	width:225px;
	height:450px;
}

/*
BODY{

	
	font-size:200%;
}
*/
LABEL{
	font-size:100%;
}

.form-input{
	font-size:2em;
}

H1
{
	font-size:245%;
}

H2
{
	font-size:220%;
}

.grostitre{
	font-size:220%;
}

H3
{
	font-size:200%;
}

H4
{
	font-size:180%;
}

H5
{
	font-size:160%;
}

.myBtn{
	font-size:25px;
	height:50px;
}

.table_mob{display:inline;}



}