body,a,td,p	{  
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10pt;
	color: #000000
	}
A:hover,A:visited{
	color: #396692
}
.menu,A:visited.menu {
	font-size: 10pt; 
	/* font-weight : bold; */
	text-decoration: none;
	color: #f7f8fa;
	letter-spacing:1px;
	line-height: 17px;
}
.noline{
	font-size: 8pt;
	text-decoration: none;
}
.menu_edu,A:visited.menu_edu {
	font-size: 10pt; 
	/* font-weight : bold; */
	text-decoration: none;
	color: #04111f;
	letter-spacing:1px;
	line-height: 17px;
}
.les_quiz,A:visited.les_quiz {
	font-size: 10pt; 
	/* font-weight : bold; */
	text-decoration: none;
	color: #fef65b;
	letter-spacing:1px;
	line-height: 17px;
}
.menuon,A:visited.menuon {
	font-size: 10pt; 
	/* font-weight : bold; */
	text-decoration: none;
	letter-spacing:1px;
	line-height: 17px;
	color: #f3bc49
}
A:hover.menu,A:hover.menu_edu,A:hover.les_quiz {
	font-size: 10pt; 
	/* font-weight : bold; */
	text-decoration: none;
	line-height: 17px;
	color: #f3bc49
}
.menu-dimmed{
		/* opacity: 0.75; */
	}
	

.titre{
	font-size: 12pt; 
	font-weight : bold;
	font-style : italic;
	color: #CC0000
}
.grostitre {
	font-size: 16pt;
	font-weight: bold;
	color: #193350;
	padding-top:18px;
}
.soustitre {
	font-size: 13pt;
	font-style: italic;
	font-weight: bold;
	color: #193350;
}

.rouge{
	color: #CC0000;
}
.bleu{
	color: #0000CC;
}
.text8pts{
	font-size: 8pt;
}
.text7pts{
	font-size: 7pt;
}
.text9pts{
	font-size: 9pt;
}
.title10{
	font-size: 10pt;
}
.title11{
	font-size: 10pt;
}
#home-warning
{
	width: 100%;
	text-align: left;
	font-size: 13.5px;
	line-height: 17px;
	border-radius: 6px;
	color: #2d5175;
	padding: 8px;
	border: solid 1px #2d5175;
	/* background-color: #e2e2e2; */
}
.star-marker{
	/* position: absolute;
	margin-top: -2px;
	background-image: url(/images/star.png);
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: 100%; */
}
.hilite-available{
	/* background-color: #ffff3c8f;
    border-radius: 18px;
	padding-top: 13px;
	padding-bottom: 4px;
    border: 3px solid white; */
}
.star-spacer{
	width: 17px;
	height: 10px;
	display: inline-block;
}
.image-menu{
	margin-bottom:3px;
}

.image-menu:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.image-menu-dimmed{
	/* opacity: 0.3;
	filter: alpha(opacity=30); */
}
.link-dimmed{
	pointer-events: none;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
#mobile-warning-container{
    margin-left: 10px;
    margin-top: 4px;
}
#mobile-warning{
    font-size: 8pt;
    font-weight: bold;
    background-image: url(/images/mobile_phone.png);
    background-repeat: no-repeat;
    text-indent: 15px;
    height: 20px;
    text-align: left;
}
#taka-mobile-warning {
	font-size: 8pt;
	font-weight: bold;
	color:#5f00b3;
	background-image: url(/images/mobile_phone_takapuzzle.png);
	background-repeat: no-repeat;
	text-indent: 15px;
	height: 20px;
	text-align: left;
}
.zone-publicite
{
	margin-top:15px;
	margin-left:17px;
	cursor:pointer;
        display:inline-block;
	/*display:none;*/
}
.ad-on-page-container
{
    padding-top:20px;
    margin-left:-43px;

}

#ad-container-accueil .ad-on-page-container
{
    padding-top:0px;
 }

.ad-on-page
{
    width:728px;
    height:90px;
    background-color: white;
    
}

.ad-on-page-style
{
    border:2px solid #676565;
}

.ad-on-page-text
{
    color:white;
    font-weight: bold;
    display:inline-block;
    background-color: #676565;
    padding:3px 10px 3px 10px ;
    
}

.takaabc-title
{
    background-color: #fbe460;
    width:102px;
    height: 14px;
    font-size: 11px;
    padding-top: 2px;
    color:black;
}

.takaabc-title-link
{
    text-decoration: none;
    
}

.takaabc-title-subgroup
{
    width:120px;
}

.img-dimmed{
	/* opacity: 0.3; */
}

@keyframes blink-regular {
	0% {
		opacity: 0.6;
	}
	30% {
		opacity: 1;
	}
}
@-webkit-keyframes blink-regular {
	0% {
		opacity: 0.6;
	}
	30% {
		opacity: 1;
	}
}

.blink{
	animation: blink-regular 0.5s infinite step-end;
  -webkit-animation: blink-regular 0.5s infinite step-end;
  -webkit-animation-iteration-count: 9; /* Safari 4.0 - 8.0 */
    animation-iteration-count: 9;
}

#overlay-instruction{
	position: absolute;
	display: none;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color:rgba(255, 255, 255, 0.5);
}

#overlay-instruction-popup{
	position: absolute;
	top:50%;
	left:274px;
	/* width: 560px;
    height: 392px; */
	background-color: white;
	transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	border-radius: 20px;
	border: 2px solid #a7bed5;
}

.overlay-instruction-content{
	padding: 30px;
	padding-top: 20px;
    font-size: 15px;
    line-height: 17px;
}
.overlay-instruction-content > .title{
	font-size: 17px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 6px;
	
}
.overlay-instruction-content > .instruction{
	margin-left: 29px;
	margin-top: 5px;
	margin-bottom: 5px;
	
}
.overlay-instruction-content > .instruction > .subtitle{
	margin-top: 6px;
	margin-bottom: 6px;
}
.overlay-instruction-content > .instruction > .text{
	margin-left: 13px;
}
.overlay-instruction-content > .text{
	margin-left: 30px;
}
.overlay-instruction-content > .instruction > .text > div > a{
	font-size: 15px;
	font-weight: bold;
	color: #2d5175;
}
.overlay-instruction-content > .instruction > .subtitle > .link-copy{
	margin-left: -18px;
}
.overlay-instruction-content > .instruction > .subtitle > .number-id{
	display:inline-block;
	width: 5px;
    height: 5px;
    background-color: black;
	border-radius: 50%;
	margin-bottom: 3px;
}
.overlay-instruction-content > .title > .number-id{
	display:inline-block;
	width: 22px;
    height: 22px;
    background-color: #dae9b2;
    color: black;
    border-radius: 50%;
    text-align: center;
}

.link-click-feedback{
	display: none;
	position: absolute;
	padding:5px;
	background-color: white;
	border: 1px solid black;
	border-radius:10px;
	margin-left:25px;
	width: 160px;
	margin-top: -80px;
	font-size: 13px;
	z-index: 5;
}

.link-copy.abecedaire-sub-group{
	margin-left: 21px;
    width: 16px;
    height: 16px;
    margin-top: -19px;
}

.link-copy{
	position: absolute;
	background-image: url(/images/link.png);
	background-repeat: no-repeat;
	margin-left:25px;
	width: 26px;
    height: 26px;
    background-size: 60%;
    background-position: center;
    margin-left: 25px;
	background-color: #ffff92;
	border-radius: 50%;
}
.link-copy:hover{
	transform: scale(1.2);
}
.link-copy-header{
	position: initial;
    display: inline-block;
    vertical-align: middle;
    /* background-color: white; */
    margin-right: 9px;
}

.link-copy-group{
	width:16px;
	height: 16px;	
	margin-left: 12px;
    margin-top: 18px;
}


.group-link-with-link{
	width: 27px;
}