@charset "utf-8";
/* CSS Document */

body {
	background-color: #A6A6A6;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	}

/*Permet de cadrer le texte et les images dans le body*/
#content {
	position:absolute;
	height:454px;
	}
	
#conteneurhaut {
	margin:0 auto 0 auto;
	margin-top:0px;
	/*background-image: url(../img/bandeauhaut.jpg);*/
	background-repeat: no-repeat;
	height:176px;
	width:799px;
}

#up {
	position : absolute;
	}
	
#imagetop {
	 position:absolute;
	 top:151px;
	 left:2px;
	 }
	 
#conteneurmedian {
	width:799px;
	height: 630px;
	margin:0 auto 0 auto;
	background-image: url(../img/fond-median.jpg);

}
#conteneurmediansom {
	width:799px;
	height: 630px;
	margin:0 auto 0 auto;
	background-image: url(../img/fond-median-som.jpg);
}

#conteneurmedian2 {
	width:799px;
	height: 373px;
	margin:0 auto 0 auto;
	background-image: url(../img/fond-median.jpg);
	background-position:bottom right;
	background-repeat:no-repeat
}
#conteneurbas {
	position:relative;
	width:799px;
	height: 51px;
	margin:0 auto 0 auto;
	background-image: url(../img/bandeau-bas.jpg);
}

#ttrbd {
position:absolute;top:10px;left:290px; width: 500px; color:#22bdf1; font-size:20px; text-align:right; font-weight:bold}

#ttrbd2 {
position:absolute;top:10px;left:290px; width: 500px; color:#22bdf1; font-size:16px; text-align:right; font-weight:bold}

/*onglets*/
#ongletop {
position:relative; top:70px; left:360px; font-size:10px; font-weight:bold; color:#666666; text-align:center;}

#ongletop td{
background-image:url(../img/onglet.gif);
background-repeat: no-repeat;
width:130px;
height:29px;
}

#ongletbas {
	position:absolute;
	top:9px;
	left:32px;
}
#ongletbas a:hover{font-weight:bold; font-size:11px}

/*menu ouvrant*/

#menu{position:relative; top:-18px; width:150px;left:10px;font-size:11px; text-align:left;}
#menu a:hover{font-size:11px;color:#0671b0;}

#menu_didactel{
	width: 799px;
	height: 101px;
	background-color:#FFFFFF;
}

#listef {
	position:absolute;
	left: 0px;
	top: -14px;
	height:430px;
	width:295px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:300;
	visibility:hidden;
}

/*animations avec slider*/

#loader{
	position:absolute;
	background-color:#F4F4F4;
	width:471px;
	height:335px;
	left: 328px;
	top:15px;
	z-index:500;
	background-image: url(../fr/img/ajax-loader.gif);
	background-position:center;
	background-repeat:no-repeat
}

#on{background:url(../img/btlistef.gif); background-repeat:no-repeat; background-position:center; height:32px;}
#on a:hover{ font-weight:bold; letter-spacing:-1px; font-size:12px}

#panneau {
	position:absolute;
	left:328px;
	top:-3px;
	visibility:visible;
	/*border-left:1px solid #000000;*/
	height: 343px;
}

#consignes {
	font-size:11px;
	position:absolute;
	left:5px; 
	top: 18px; 
	width:325px; 
	z-index:100
	}
	
#consignes1 {
	font-size:11px;
	position:absolute;
	left:5px; 
	top: 360px; 
	width:325px; 
	z-index:100
	}
	
#consignes a:hover {font-size:11px; font-weight:normal;}
#consignes td {border:1px solid #A8ACA8; background-color:#FFFFFF;}

#consignes1 a:hover {font-size:11px; font-weight:normal;}
#consignes1 td {border:1px solid #A8ACA8; background-color:#FFFFFF;}
/* Bouton reprise du scénario */
#raf1{
	position:absolute;
	left:30px;
	top:618px;
	line-height:1.5em;
	width:122px;
	height:20px;
	text-align:center;
	z-index:200;
	font-size:11px;
	background-color:#FFFFFF; border:#666666 solid 1px; color:#000;
}

#raf2{
	position:absolute;
	left:30px;
	top:283px;
	line-height:1.5em;
	width:122px;
	height:20px;
	text-align:center;
	z-index:200;
	font-size:11px;
	background-color:#FFFFFF; border:#666666 solid 1px; color:#000;
	}
	
#raf3 {
	position:absolute;
	left:30px;
	top:205px;
	line-height:1.5em;
	width:122px;
	height:20px;
	text-align:center;
	z-index:200;
	font-size:11px;
	background-color:#FFFFFF; border:#666666 solid 1px; color:#000;
	}
	
#raf4{
	position:absolute;
	left:30px;
	top:470px;
	line-height:1.5em;
	width:122px;
	height:20px;
	text-align:center;
	z-index:200;
	font-size:11px;
	background-color:#FFFFFF; border:#666666 solid 1px; color:#000;
	}
	
#raf5 {
	position:absolute;
	left:30px;
	top:485px;
	line-height:1.5em;
	width:122px;
	height:20px;
	text-align:center;
	z-index:200;
	font-size:11px;
	background-color:#FFFFFF; border:#666666 solid 1px; color:#000;
	}

#raf6{
	position:absolute;
	left:30px;
	top:588px;
	line-height:1.5em;
	width:122px;
	height:20px;
	text-align:center;
	z-index:200;
	font-size:11px;
	background-color:#FFFFFF; border:#666666 solid 1px; color:#000;
	}
	
#raf7{
	position:absolute;
	left:30px;
	top:403px;
	line-height:1.5em;
	width:122px;
	height:20px;
	text-align:center;
	z-index:200;
	font-size:11px;
	background-color:#FFFFFF; border:#666666 solid 1px; color:#000;
	}
	
#raf8{
	position:absolute;
	left:30px;
	top:410px;
	line-height:1.5em;
	width:122px;
	height:20px;
	text-align:center;
	z-index:200;
	font-size:11px;
	background-color:#FFFFFF; border:#666666 solid 1px; color:#000;
	}

#raf9{
	position:absolute;
	left:320px;
	top:625px;
	line-height:1.5em;
	width:122px;
	height:20px;
	text-align:center;
	z-index:200;
	font-size:11px;
	background-color:#FFFFFF; border:#666666 solid 1px; color:#000;
	}
	
#raf95{
	position:absolute;
	left:30px;
	top:340px;
	line-height:1.5em;
	width:122px;
	height:20px;
	text-align:center;
	z-index:200;
	font-size:11px;
	background-color:#FFFFFF; border:#666666 solid 1px; color:#000;
	}
#raf10{
	position:absolute;
	left:30px;
	top:620px;
	line-height:1.5em;
	width:122px;
	height:20px;
	text-align:center;
	z-index:200;
	font-size:11px;
	background-color:#FFFFFF; border:#666666 solid 1px; color:#000;
	}

#raf a:hover{font-size:11px;color:#0671b0;}
.wrapper a:hover{font-size:11px;}

#cache1{
	 position:absolute; 
	 background-color:#FFF; 
	 top:3px; 
	 left:156px; 
	 width:120px; 
	 height:15px
	 }
	 
	
	 
#changertel{
	position:absolute;
	left:106px;
	top:-30px;
	line-height:1.5em;
	width:200px;
	height:20px;
	text-align:right;
	z-index:200;
	font-size:11px;
}
#changertel a:hover{font-size:11px;color:#0671b0;}

/*titre rubrique*/

#ttrrub {position:absolute; top: 0px; font-size:15px; color: #992c96; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; height:29px; width:789px; left:0px;text-align:left; background-image:url(../img/fdttrub.gif); padding-left:5px; padding-right:5px; padding-top:3px}

#ttrrubacc {
	float: left;
}

#ttrrubtop {
	float: left;
	height: 49px;
	width: 667px;
	background-color: transparent;
}

.ttrrubsstt {
	font-size:13px;
	color:#40bee7;
	width: 388px;
	font-weight:bold;
	visibility:hidden;
}

.ttrrubsec {
	position:absolute; top:-140px; left:140px; font-size:13px; color:#40bee7; width: 388px; font-weight:bold; visibility:hidden;
}

#ttrrubbas {
	float: left;
	height: 44px;
	width: 667px;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-align:left;
	padding: 8px 0 0 0;
	background-color:#FFFFFF;
}

.titled{
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	padding: 0 0 0 25px;
	}

#ttrrubbtns {
	float: left;
	width: 667px;
	height: 68px;
	padding: 0;
	margin: 0;
	background-color:#FFFFFF;
}

.ttrsom {padding-left:50px; padding-top:7px; font-size:16px; font-weight:bold;color:#22bdf1}
.txtexpli {padding-left:0px; padding-top:7px; padding-right:7px; font-size:14px; font-weight:bold;color: #333333; line-height:28px}

/*titres sous-rubriques*/

.sousrub {
	position:absolute;
	left: 432px;
	top: 4px;
	font-size:11px;
	width:349px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.sousrub a:hover{ font-weight:bold; font-size:12px}

/*gestion des liens*/

a:link {
	text-decoration: none;
	color: #666666;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #992c96;
	/*letter-spacing:-1px;*/
	font-weight:bold;
	font-size:10px
}
a:active {
	text-decoration: none;
	color: #666666;
	}
	
/*complément slider : marqueurs de vue courante - cf. pages 200*/

.vue { font-weight:bold; font-size:14px; color:#DF2823;padding-left:1px}
/* calques */

.txtsommairerub { 
	position:absolute;
	top:100px; 
	left:140px; 
	background-color:transparent;
	font-size:16px;
	width:350px;
	text-align:justify;
	line-height:2.5em;
	}
/*liens pages 300*/
#panel a:hover {font-weight:bold; font-size:11px}


/*en savoir plus*/
#savplus{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
/*mascotte*/
#instruct {
	position:absolute;
	top:16px;
	left: 150px;
	text-align:right;
	width:600px;
	font-size:11px;
	font-weight:bold;
	color:#0798eb;
	line-height:1.2em
}

/*quiz*/
#questions{
	position:absolute;
	width:620px;
	height:340px;
	left: 171px;
	top: 80px;
	line-height:1.1em;
	border-style:solid;
	border-width:thin;
	border-color:#992c96;
	font-family: verdana;
	font-size:11px;
	overflow:auto;
	background-color:#F4F4F4;
}
#barrevrai{position:absolute; width:53px; left: 181px; top: 19px; height: 318px;}
#boutonresultats{position:absolute; left: 265px; top: 425px;width:150px}
#boutonrefresh{position:absolute; left: 620px; top: 425px; width:150px}
#vraifaux{
	position:absolute;
	left: 171px;
	width:80px;
	top: 48px;
	font-size: 11px;
	font-family: verdana;
	color: #ffffff;
	font-weight:bold;
	border-style:solid;
	border-width:thin;
	border-color:#992c96;
	background-color:#992c96;
	height: 29px;
}
#txthaut{
	position:absolute;
	font-family: verdana;
	font-size:11px;
	top:48px;
	left:281px;
	text-align:center;
	color: #ffffff;
	width:510px;
	line-height:1.4em;
	border-style:solid;
	border-width:thin;
	border-color:#992c96;
	background-color:#992c96;
	height: 29px;
}
#imagegauche{
	position:absolute;
	left: 0px;
	top: 84px;
}