html, body, table {height:100%; margin:0; padding:0; width:100%; position:relative; font-family: arial;}

.background1 {position:absolute; top:50%; left:50%; width:798px; height:598px; border:1px solid #999999; margin:-300px 0 0 -400px; background: url(images/background.jpg); }
.background2 {position:absolute; top:50%; left:50%; width:798px; height:598px; border:1px solid #999999; margin:-300px 0 0 -400px; background: url(images/background2.jpg); }
.background_infos {position:absolute; top:50%; left:50%; width:798px; height:598px; border:1px solid #999999; margin:-300px 0 0 -400px; background: url(images/background_infos.jpg); }

a.retour_accueil {display:block; width:250px; height:45px; position:absolute; top:15px; left:15px;}

.boutons {width:200px; height:120px; position:absolute; bottom:30px; left:312px; margin:0px; padding:0px;}
.boutons li {margin:0px; padding:0px;}
.boutons li {margin:0px; padding:0px;}
a.paroles_pro_btn_off {display:block; width:200px; height:40px; background:url(images/paroles_btn_off.png); cursor:pointer; margin:0px; padding:0px;}
a.paroles_pro_btn_on {display:block; width:200px; height:40px; background:url(images/paroles_btn_on.png); cursor:pointer; margin:0px; padding:0px;}
a.quizz_btn_off {display:block; width:200px; height:40px; background:url(images/quizz_btn_off.png); cursor:pointer; margin:0px; padding:0px;}
a.quizz_btn_on {display:block; width:200px; height:40px; background:url(images/quizz_btn_on.png); cursor:pointer; margin:0px; padding:0px;}
a.infos_btn_off {display:block; width:200px; height:40px; background:url(images/info_btn_off.png); cursor:pointer; margin:0px; padding:0px;}
a.infos_btn_on {display:block; width:200px; height:40px; background:url(images/info_btn_on.png); cursor:pointer; margin:0px; padding:0px;}
.bold {font-weight:bolder; font-size:10px; line-height:20px;}
.logo {position:absolute; bottom:10px; right:10px; display:block; width:150px; height:70px; background:url("images/logo.jpg") no-repeat;}

.invisible {display:none;}

/*							HOME						*/
.brochure {width:96px; height:116px; position:absolute; top:80px; left:30px; }
a.visuel_brochure {display:block; width: 96px; height:96px; background: url("images/brochure.png"); cursor:pointer;}
.pdf {display:block; width:16px; height:16px; background: url("images/icone_pdf.png") no-repeat; float:left;}
a.lien_brochure {display:block; height:20px; font-size:10px; color:#333333; text-decoration: none; padding:0; margin:0 0 0 8px; line-height:9px; cursor:pointer;}

.fleche {width:121px; height:145px; background:url(images/fleche_home.png) no-repeat; margin:0 0 0 178px;}
.conteneur_video {position:relative; width:450px; height:320px; margin:0 auto 0 auto;}
.conteneur_video ul li {float:left;}
.fleches_gauche {position:absolute; top:164px; left:17px; width:103px; height:109px; background:url(images/fleches_gauche.png) no-repeat; margin: 0 0 0 0;}
.video {width:258px; height:195px; position:absolute; top:120px; left:111px; background:url(images/main_video.jpg) no-repeat;}
.vid_home {position:absolute; top:30px; left:9px;}
.video01 {width:240px;height:175px; margin:8px;}
.fleches_droite {position:absolute; top:163px; left:360px; width:103px; height:109px; background:url(images/fleches_droite.png) no-repeat; margin: 0 0 0 0;}

.video02_1 {width:285px; height:211px; background:url(images/video02_01.jpg) no-repeat; position:absolute; top:294px; left:0px;}
.video02_2 {width:285px; height:211px; background:url(images/video02_02.jpg) no-repeat; position:absolute; top:294px; left:0px;}
.video02_3 {width:285px; height:211px; background:url(images/video02_03.jpg) no-repeat; position:absolute; top:294px; left:0px;}
.select_vid03 {width:150px; height:150px; position:absolute; top:0px; right:40px;}

.video03_1 {width:270px; height:213px; background:url(images/video03_01.jpg) no-repeat; position:absolute; top:295px; right:0px;}
.video03_2 {width:270px; height:213px; background:url(images/video03_02.jpg) no-repeat; position:absolute; top:295px; right:0px;}
.video03_3 {width:270px; height:213px; background:url(images/video03_03.jpg) no-repeat; position:absolute; top:295px; right:0px;}
.select_vid02 {width:150px; height:150px; position:absolute; top:5px; left:40px;}

/*								PAROLES								*/

.selection_themes {width:305px; font-size:5px; height:16px; background:url(images/choix_theme.png) no-repeat; position:absolute; top:134px; left:262px;}
.conteneur_video_parole {position:relative; width:798px; height:400px;}
.fleche_paroles {width:121px; height:177px; background:url(images/fleche_paroles.png) no-repeat; margin:0 0 0 350px;}
.video_parole {width:314px; font-size:5px; height:238px; position:absolute; top:155px; left:258px; background: url(images/fond_video_pro.png) no-repeat;}
.vid {position:absolute; top:35px; left:11px;}
.gcd {width:292px; height:164px; position:absolute; top:35px; left:11px; background:url(images/gdc.jpg) no-repeat;}
a.question01 {display:block; width:255px; height:29px; background:url(images/question01.jpg); position:absolute; top:195px; left:0px;}
a.question02 {display:block; width:255px; height:45px; background:url(images/question02.jpg); position:absolute; top:241px; left:0px;}
a.question03	 {display:block; width:255px; height:45px; background:url(images/question03.jpg); position:absolute; top:296px; left:0px;}
a.question04	 {display:block; width:223px; height:61px; background:url(images/question04.jpg); position:absolute; top:194px; right:0px;}
a.question05	 {display:block; width:223px; height:32px; background:url(images/question05.jpg); position:absolute; top:259px; right:0px;}
a.question06	 {display:block; width:223px; height:45px; background:url(images/question06.jpg); position:absolute; top:295px; right:0px;}


/*     				    QUIZZ                 */

.bout_fleche {width:191px; height:62px; background:url(images/bout_fleche.jpg); position:absolute; top:0px; right:40px;}
.conteneur_question {width:800px; padding:100px 0 0 0;}
.formation {display:block; width:225px; height:58px; background:url(images/formation.jpg) no-repeat; position:absolute; top:240px; left:133px;}
.fleche_formation {width:156px; height:116px; background:url(images/quizz_fleche_orange.png) no-repeat; position:absolute; top:225px; left:0px;}
.profession {display:block; width:238px; height:66px; background:url(images/profession.jpg) no-repeat; position:absolute; top:240px; right:110px;}
.fleche_profession {width:116px; height:300px; background:url(images/quizz_fleche_jaune.png) no-repeat; position:absolute; bottom:0px; right:160px;}
.num_questions {position: relative; width: 113px; height:122px; background:url(images/question01.png); float:left;}
.numero {font-size:40px; font-weight:bold; color:#616aab; position:absolute; top:142px; left:120px;}
.question {padding:55px 0 0 175px;}
.question p {font-size:18px; line-height:18px; padding:0 15px 0 0;}
.reponses {clear:both; margin:35px 0 0 100px; text-align:left; font-size:24px; font-weight:bold;}
.reponses li {width:320px; display:block; float:left;}
.conteneur_question a {text-decoration: none; color:black;}
ul.reponses {line-height:26px; margin: 0 0 0 90px; padding:0px;}
.conteneur_question li a.A {display:block; padding:0 0 0 50px; background:url(images/a.png) no-repeat 0px 3px; }
.conteneur_question li a.A_true {display:block; padding:0 0 0 50px; background:url(images/a_true.png) no-repeat -1px 2px;} 
.conteneur_question li a.A_false {display:block; padding:0 0 0 50px; background:url(images/a.png) no-repeat 0px 3px;}
.conteneur_question li a.B {display:block; padding:0 0 0 50px; background:url(images/b.png) no-repeat 0px 3px;}
.conteneur_question li a.B_true {display:block; padding:0 0 0 50px; background:url(images/b_true.png) no-repeat -1px 2px;} 
.conteneur_question li a.B_false {display:block; padding:0 0 0 50px; background:url(images/b.png) no-repeat 0px 3px;}
.reponse {font-size:14px; clear:both; margin:0px; padding:0px;}
.reponse p {padding:20px 50px 10px 50px; margin:0 0 0 0;}
.suivant {display:none; width:103px; height:29px; background:url(images/suivant.gif) no-repeat; position:absolute; right:25px;}
.resultat {display:none; width:157px; height:63px; background:url(images/resultat.png) no-repeat; margin:20px auto 0 auto;}
.phrase_resultat {display:none; position:absolute; top:260px; left:160px;}
.phrase_resultat li {float:left;}
.phrase {font-size:20px; margin:2px 0 0 0; padding:0 8px 0 0; font-weight:bold;}
.bonnes_reponses {font-size:1px; display:block; width:175px; height:24px; background:url(images/bonnes_rep.png) no-repeat;}


/*             INFOS                 */

.adresse {position:absolute; bottom:10px; left:10px;}
.adresse p {font-size:10px; color:#333333; width:200px; text-align:left; }
.adresse a {text-decoration:none; color:black;}
.adresse a:hover {text-decoration:none; color:#666666;}

.savoir {width:320px; height:95px; position:absolute; top:85px; left:40px;}
.titre_savoir {width:85px; height:15px; background:url(images/savoir.jpg) no-repeat;}
.savoir a.visuel {float:left; display:block; width:90px; height:75px; background:url(images/portail_cncc.png) no-repeat; margin:5px 0 0 0;}
.contenu_infos {color:#333333;  font-size:12px; padding:10px 0 0 95px;}
.precisions {font-size:10px;}
.fleche_lien {display:block; width:20px; height:16px; background:url(images/fleche_lien.jpg) no-repeat; margin:5px 0 0 0;}

.informations {width:725px; height:230px; position:absolute; left:40px; top:210px;}
.titre_informations {width:117px; height:15px; background:url(images/ou_informer.jpg) no-repeat;}
.crcc {width:330px; height:95px;}
.crcc a.visuel {float:left; display:block; width:90px; height:75px; background:url(images/crcc.png) no-repeat; margin:5px 0 0 0;}

.csoec {width:330px; height:95px;}
.csoec a.visuel {float:left; display:block; width:90px; height:75px; background:url(images/csoec.png) no-repeat; margin:15px 0 0 0;}

.anecs {width:330px; height:95px; position:absolute; right:10px; top:0px;}
.anecs a.visuel {float:left; display:block; width:90px; height:75px; background:url(images/anecs.png) no-repeat; margin:10px 0 0 0;}

.cjec {width:330px; height:95px; position:absolute; right:10px; top:110px;}
.cjec a.visuel {float:left; display:block; width:90px; height:75px; background:url(images/cjec.png) no-repeat; margin:10px 0 0 0;}