/*
## vBegin
## Eclydre Web Manager v1.0.0
## Dateversion 2008-12-01
## File : ../../../cms/template//css/quiz.css
## Changelogs : nc;
## vEnd
*/


/*============================== HACK IE6 / IE7 ==============================*/

* html .clear {font-size:1px;height:0;}
* html .quiz_last {background:url(../image/quiz/bg-last-quiz-IE6.png) no-repeat;}
* html .d_1024 #standard.standard .wrapper_left .quiz_last h3 {margin-bottom:7px;}
* html .standard .wrapper_content .quiz_cat_list .media_haut_gauche h2 {background:url(../image/quiz/bg-tit-categorie-IE6.gif) repeat-x 0 0;}
* html .wrapper_right .bloc_pub {border-bottom:1px solid #FDA90A;}
* html .media_bas_centre .media {padding-bottom:5px;}
* html .standard .wrapper_content .info_quiz .media {background:url(../image/quiz/bg-media-tit-quiz-IE6.png) no-repeat 0 0;}
* html #standard .quiz_categorie .quiz_cat_list .media_haut_gauche .info {height:35px;}
* html .tri_pag {background:url(../image/quiz/bg-pagin-IE6.png) repeat-x 0 0;}
* html .tri_pag .pagination_bloc_prev a {background:transparent url(../image/quiz/arrow_prev-IE6.png) no-repeat 0 8px;}
* html .tri_pag .pagination_bloc_next a {background:transparent url(../image/quiz/arrow_next-IE6.png) no-repeat 0 8px;}
* html .tri_pag .pagination_bloc_current {padding-top:7px;}
* html .compteur {background:url(../image/quiz/bg-compteur-IE6.png) no-repeat 0 0;width:85px;height:100px;}
* html .question-reponse {left:-18px;}
* html .question {height:65px;}
* html .rejouer a {background:url(../image/quiz/bt-rejouer-IE6.png) no-repeat 0 0;width:148px;}
* html .rejouer a:hover {background:url(../image/quiz/bt-rejouer-IE6.png) no-repeat 0 -43px;}
* html .score {/*height:105px;background:url(../image/quiz/bg-score-IE6.png) no-repeat 0 0;*/margin-left:38px;}
* html .autre {width:655px;margin-top:0;}
* html .select_quiz h2 {margin-bottom:5px;}
* html .reponse .credit {margin-left:35px;}
* html .select_quiz .bloc_lien_int {height:300px}
* html .select_quiz .bloc_lien_int a:hover{zoom:1}

*+html .clear {font-size:1px;height:0;}
*+html .d_1024 #standard.standard .wrapper_left .quiz_last h3 {margin-bottom:7px;}
*+html .reponse .credit {margin-left:35px;}

/*============================== END HACK IE6 / IE7 ==============================*/

.bandeau {background:url(../image/quiz/bg-bandeau.png) repeat-x 0 0;color:#B82D1C !important;}
.bandeau h2 {color:#B82D1C !important;float:left;width:770px;}
.bandeau .compo {font-weight:normal;}
.bandeau h2 a{color:#B82D1C;font-weight:bold;}
.bandeau h2 a:hover{text-decoration:none;}
.bandeau .fiche {float:none;}
.bandeau .nbquiz {display:block;float:right;font-size:12px;color:#000;line-height:60px;font-weight:bold;padding-right:20px;}
.bandeau .nbquiz span { color:#B82D1C;}
.bandeau img {padding:0 5px;}

#standard {background:url(../image/quiz/bg_page_content.gif);}
#standard .contenu {border:none;}
#standard.standard .wrapper_left {width:665px;}
#standard.standard .wrapper_left .wrapper_content {margin:5px;padding:10px 5px 10px 10px;background:#FF5B12 url(../image/quiz/bg-wrapper-left.jpg) no-repeat 0 0;}
#standard.standard .wrapper_right {width:302px;}

/*============================== WRAPPER LEFT ==============================*/

/* PAGE ACCUEIL */
.quiz_intro {font-size:14px;color:#FFF;width:250px;line-height:18px;float:left;font-weight:bold;}
.quiz_last {background:url(../image/quiz/bg-last-quiz.png) no-repeat;width:281px;height:150px;padding:20px 25px 0 20px;float:right;position:relative;margin-right:5px;}
.d_1024 #standard.standard .wrapper_left .quiz_last h3 {color:#EF7D19;font-size:18px;background:none;line-height:normal;height:auto;padding:0;width:140px;margin-bottom:15px;}
.standard .wrapper_content .quiz_last h2 {display:none;}
.standard .wrapper_content .quiz_last .info {font-size:13px;font-weight:bold;background:url(../image/quiz/fleche-orange.gif) no-repeat 0 2px;padding-left:18px;width:130px;}
.standard .wrapper_content .quiz_last .info a {color:#333}
.quiz_last .scroller {background:none;top:140px;right:110px;width:105px;}
.quiz_last .media img {width:107px;height:95px;position:absolute;top:26px;left:188px;}
.quiz_last .no_vignette .media img {background:url(../image/quiz/vignette_quiz.jpg) no-repeat 0 0;}

.quiz_cat_list {margin:20px 0 15px 0;}
.quiz_cat_list .media_haut_gauche {float:left;width:155px;margin:0 5px 5px 0;}
.standard .wrapper_content .quiz_cat_list .media_haut_gauche h2 {font-size:12px;background:url(../image/quiz/bg-tit-categorie.png) repeat-x 0 0;line-height:30px;padding:0 0 0 5px;}
.standard .wrapper_content .quiz_cat_list .media_haut_gauche h2 a {color:#FFF;}
.quiz_cat_list .media_haut_gauche .media {background:url(../image/quiz/bg-img-quiz.png) repeat-x 0 0;padding:4px;margin:0;}
.quiz_cat_list .media_haut_gauche .media img {width:107px;height:95px;}
#standard .quiz_cat_list .media_haut_gauche .info {background:url(../image/quiz/bg-tit-quiz.png) repeat-x 0 0;padding:5px;height:52px;position:relative;}
.quiz_cat_list .media_haut_gauche .info div a {color:#E7421D;}
.quiz_cat_list .media_haut_gauche .info .bloc_lien_int {position:absolute;top:35px;}
.quiz_cat_list .media_haut_gauche .info .bloc_lien_int a {color:#707070;font-size:11px;background:url(../image/quiz/fleche-grise.gif) no-repeat 0 2px;padding-left:15px;}
.quiz_cat_list .no_vignette .media img {background:url(../image/quiz/vignette_quiz.jpg) no-repeat 0 0;}
.quiz_cat_list .img_107x95_ .media {width:auto;}


/* PAGE CATEGORIE */
.quiz_categorie .quiz_intro {width:auto;float:none;margin-bottom:20px;}

.tri_pag {background:url(../image/quiz/bg-pagin.png) no-repeat 0 0;padding:0 10px;width:615px;height:35px;line-height:35px;}
.tri_pag .tri {float:left;}
.tri_pag .tri li {color:#FFF;display:inline;padding-right:10px;}
.tri_pag .tri li a {color:#FFF;}
.tri_pag .tri li.act a {color:#EE7C19;font-weight:bold;}
.tri_pag .pagination_bloc {border:none;color:#FFF;float:right;padding:0;}
.tri_pag .pagination_bloc ul {width:auto;}
.tri_pag .pagination_bloc input {color:#EE7C19;}
.tri_pag .pagination_bloc a {height:35px;}
.tri_pag .pagination_bloc_prev a {background:transparent url(../image/quiz/arrow_prev.png) no-repeat 0 8px;}
.tri_pag .pagination_bloc_next a {background:transparent url(../image/quiz/arrow_next.png) no-repeat 0 8px;}

#standard .quiz_categorie .quiz_cat_list .media_haut_gauche .info {height:32px;}


/* PAGE QUIZ */
.standard .wrapper_content .info_quiz {margin-bottom:40px;}
.standard .wrapper_content .info_quiz h2 {font-size:32px;color:#FFF;margin-bottom:15px;zoom:1;}
.standard .wrapper_content .info_quiz p {color:#FFF;zoom:1;font-size:14px;font-weight:bold;line-height:18px;}
.standard .wrapper_content .info_quiz .media {float:right;background:url(../image/quiz/bg-media-tit-quiz.png) no-repeat 0 0;width:107px;height:95px;padding:7px;margin:5px 10px 10px 20px;}
.standard .wrapper_content .info_quiz .media img {width:107px;height:95px;}

.compteur {background:url(../image/quiz/bg-compteur.png) no-repeat 0 0;width:75px;height:93px;padding:7px 0 0 10px;float:left;}
.compteur ul {width:50px;color:#FFF;font-size:10px;text-align:center;}
.compteur li.actu,
.compteur li.total {font-size:30px;font-weight:bold;}
.compteur li.total {color:#EE7C19;border-top:2px solid #EE7C19;}

.question-reponse {background:#FFF url(../image/quiz/bg-question.png) no-repeat 0 0;float:left;width:543px;padding:15px 5px 5px 5px;position:relative;top:3px;left:-7px;margin-bottom:20px;}
.question-reponse img {border:5px solid #EF4F01;height:120px;width:140px; float:right;}
.question {padding:0 7px 15px 7px;min-height:65px;}
.question p {font-size:16px;font-weight:bold;}
.question img {float:right;margin:0 0 5px 30px;}
.question span {clear:both;font-size:10px;display:block;float:right;width:80px;text-align:right;color:#989898;line-height:11px;}
.reponse {background:#EDECE8;padding:10px;color:#595959;}
.reponse p.solution, .reponse span.solution {/*font-weight:bold;*/color:#000; }
.reponse p.perdu,
.reponse p.bravo {font-weight:bold;font-size:18px;margin-top:5px;}
.reponse p.perdu {color:#E7421D;}
.reponse p.bravo {color:#78B931;}
.reponse fieldset {border:none;color:#595959;}
.reponse fieldset p {border-bottom:1px dotted #EE7C19;padding-bottom:10px;margin-bottom:10px;clear:both; font-weight:bold;}
.reponse fieldset p input {float:left;margin-right:15px;}
.reponse fieldset p img {float:left;margin-right:15px;}
.reponse fieldset p span {display:block;}
.reponse fieldset input.bouton {position:relative;left:370px;}
.reponse .credit {font-size:10px;clear:left;color:#989898;line-height:11px;margin:3px 0 0 28px;}

.score {width:365px;height:107px;padding:30px 0 0 15px;background:url(../image/quiz/bg-score-envoi.jpg) no-repeat 0 0;position:relative;float:left;margin-left:77px;z-index:500}
.score span {color:#000;text-transform:uppercase;font-weight:bold;}
.score p {color:#FFF;font-size:48px;}
.score .result {color:#FFF;display:block;position:absolute;top:55px;left:225px;}
.score .envoyer_ami {font-weight: bold;padding: 8px 0 0 20px; display:block; color:#595959;}

.form-envoi{z-index:500;display:none;position:absolute;top:137px;left:0;width:174px;background:#e9eb8;padding:0 20px; background:#edece8;}
.form-envoi form{padding:30px 0;margin:0}
.form-envoi .msg{padding:5px 0;font-size:11px;color:#4C4C4C}
.form-envoi #fTIP { padding:0}
.form-envoi fieldset { border:none; padding:0;margin:0}
.form-envoi label {display:block; padding-top:5px}
.form-envoi input {width: 170px; height:20px}
.form-envoi input.envoi { width:72px; height:39px; float:right; margin-top:20px; display:inline; zoom:1}

.rejouer {float:right;margin:50px 10px 0 0;}
.rejouer a {background:url(../image/quiz/bt-rejouer.png) no-repeat 0 0;width:133px;height:41px;line-height:41px;padding-left:15px;color:#FFF;display:block;font-weight:bold;font-size:13px;}
.rejouer a:hover {background:url(../image/quiz/bt-rejouer.png) no-repeat 0 -43px;text-decoration:none;color:#000;}

.autre {background:url(../image/quiz/bg-autre-quiz.png) no-repeat 0 0;width:644px;height:190px;padding:25px 0 0 11px;position:relative;left:-10px;margin:25px 0 20px 0;z-index:400}
.autre .media_haut_gauche {float:left;width:312px;height:166px;margin-right:10px;}
.standard .wrapper_content .autre h2 {color:#E7421D;font-size:13px;padding:0 0 0 10px;line-height:30px;height:30px;}
.standard .wrapper_content .autre h2 a {color:#E7421D;}
.autre .media_haut_gauche .media {float:left;padding:20px 0 0 20px;margin:0;}
.autre .media_haut_gauche .media img {width:107px;height:95px;}
.autre .no_vignette .media img {background:url(../image/quiz/vignette_quiz.jpg) no-repeat 0 0;}
.autre .media_haut_gauche .info {float:left;width:160px;height:110px;margin-left:15px;position:relative;}
.autre .media_haut_gauche .info div {position:absolute;bottom:0;}
.autre .media_haut_gauche .info a {display:block;background:url(../image/quiz/fleche-orange.gif) no-repeat 0 2px;padding-left:20px;color:#333;font-size:13px;font-weight:bold;}
#standard.standard .autre .media_haut_gauche .info .soustitre a {background:none;padding:0 0 5px 0;font-size:16px;color:#EF7D19;}
#standard.standard .wrapper_left .autre h3 { background:none;padding:0}

.standard .wrapper_content .result h2 {color:#FFF;font-size:18px;padding-bottom:20px;}

/*============================== WRAPPER RIGHT ==============================*/
/* BLOC PUB */
.wrapper_right .bloc_pub {margin-bottom:5px;}
#standard .wrapper_right .bloc_pub .info {float:none;margin:0;padding:0;}
.bloc_pub .info h2 {font-family:"Trebuchet MS";font-size:10px;color:#9D9B9E;padding-left:5px;line-height:20px;}
.media_bas_centre .media {margin:0;padding-bottom:10px;}

/* BLOCS TEXTE */
.wrapper_right .bloc_coretext {padding:5px;}
.standard .wrapper_right .bloc_coretext h2 {color:#EF7D19;font-size:14px;/*padding:5px 0;*/}
.standard .wrapper_right .bloc_coretext h2 a {color:#EF7D19;}
#standard.standard .soustitre {color:#EF7D19;padding:0;}
#standard.standard .wrapper_right .media_gauche .img_100_ {background:#FFF url(../image/quiz/bg-bloc-media.gif) no-repeat 0 bottom;}
.bloc_coretext .media {background:url(../image/quiz/bg-bloc-media.gif) repeat-x 0 bottom;}
#standard.standard .bloc_coretext .bloc_lien_int a {background:transparent url(../image/quiz/fleche-orange.gif) no-repeat 0 2px;color:#EF7D19;}

/* BLOC SEARCH CATEGORIES */
.select_quiz {background:url(../image/quiz/bg-search-cat.png) no-repeat 0 0;width:282px;height:126px;padding:15px 10px 0 10px;font-size:13px;font-weight:bold;margin-bottom:5px;}
.select_quiz h2 {font-size:18px;color:#B82D1C;margin-bottom:10px;}
.select_quiz .selectbox_bt {background:url(../image/quiz/bg-select.png) no-repeat left top; height:20px;margin:3px 0 6px 0; position:relative;z-index:1;font-weight:normal;cursor:pointer; padding:2px 5px 0 5px}
.select_quiz .selectbox { background:#fff;position:absolute;top:20px; width:260px;}
.select_quiz .bloc_lien_int { border: thin solid #EF7D19;padding:10px 0;position:relative; z-index:100;max-height:300px; overflow-y:auto;}
.select_quiz .bloc_lien_int a { display:block;color:#595959;font-weight:normal;padding:0 10px}
.select_quiz .bloc_lien_int a:hover {text-decoration:none;background:#edece8;}

div.bloc_promomiddle{margin:0 0 5px 0}


