/*
	CSS pour Carrières en justice - Principal
	Emilie - egzakt.com
	2007-05-18
*/

body {
	background-color:#282828;
	font:12px/16px Arial, Verdana, sans-serif;
	margin:10px 0 0 0;
	color:#000000;
}

h1 {
	margin:0;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#000000;
	text-decoration:underline;
}

a:hover {
	color:#BB120B;
}

img {
	border:0;
}

#wrapper {
	width:1000px;
	margin:0 auto 0 auto;
}


/* STYLES PAR DÉFAUT 
/* (à laisser en haut, car overwrités au besoin selon la section)
-----------------------------------------*/
.bloc_texte h1 {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0;
	border-bottom:0;
}

.bloc_texte h2 {
	font:16px/18px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0;
}

.bloc_texte h3 {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0;
}

.bloc_texte h4 {
	font:bold 13px/15px Arial, Verdana, sans-serif;
	color:#F8170C;
	margin:0;
}

.bloc_texte h5 {
	font:12px/14px Arial, Verdana, sans-serif;
	color:#000000;
	text-transform:uppercase;
	margin:0;
}

.bloc_texte a {
	cursor:pointer;
	color:#F8170C;
}

.bloc_texte a:hover {
	color:#000000;
}

.bloc_texte ul {
	margin:0;
	padding:0 0 0 15px;
}

.bloc_texte .encadre {
	background-color:#FBEBE2;
	padding:20px 15px;
}

.bloc_texte .colore {	
	color:#F8170C;
}

.bloc_texte .note {
	font:11px/12px Arial, Verdana, sans-serif;
}

.bloc_deroulant {
	padding:6px;
	margin-bottom:5px;
}

.bloc_deroulant_selected {
	background-color:#F6E5DA;
}

.bloc_deroulant .zone_deroulante {
	padding:0 25px 0 25px;
}

.bloc_deroulant a.lien_deroulant {
	display:block;
	position:relative; /* Pour IE6-IE7 fleche non-cliquable */
	padding:2px 0 2px 25px;
	font:bold 12px/14px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/icones/bloc_deroulant_1.gif);
	background-repeat:no-repeat;
	background-position:0 -39px;
}

.bloc_deroulant a.lien_deroulant:hover {
	background-position:0 -136px;
}

.bloc_deroulant a.selected, .bloc_deroulant a.selected:hover {
	background-position:0 -232px;
	color:#000000 !important;
}



/* ENTETE
-----------------------------------------*/
#entete_gauche {
	float:left;
	width:704px;
}

#logo {
	height:94px;
	background:url(../images/tuiles/fond_logo.jpg) no-repeat top left;
}

#logo img {
	margin:8px 0 0 44px;
}

#navig_haut {
	float:left;
	width:99px;
	height:154px;
	background:url(../images/tuiles/fond_navig_haut.jpg) no-repeat top left;
	padding:10px 0 0 197px;
	position:relative;
}

#navig_haut a {
	display:block;
	width:79px;
	height:15px;
	padding:9px 0 0 5px;
	color:#FFFFFF;
	font:bold 10px/12px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/navig_haut.gif);
	background-repeat:no-repeat;
	background-position:0 -14px;
	margin-bottom:4px;
}

#navig_haut a:hover, #navig_haut a.selected, #navig_haut a.selected:hover {
	background-position:0 -63px;
	width:76px;
	height:20px;
	padding:4px 0 0 8px;
	color:#000000;
}

img#navig_fin {
	position:absolute;
	bottom:0;
	left:0;
}


/* NAVIGATION
-----------------------------------------*/
#navigation {
	background-repeat:no-repeat;
	background-position:top left;
	height:70px;
	position:relative;
}

#navigation a {
	position:absolute;	
}

#navigation a:hover {
	background:transparent;
}

#navigation a .over {
	position:absolute;
	visibility:hidden;
}

#navigation a:hover .over, ul#navigation a.selected .over {
	visibility:visible;
}


/* personnalisations */
#navigation a.navig_2 {
	top:7px;
	left:13px;
}

#navigation a.navig_3 {
	top:9px;
	left:193px;
}

#navigation a.navig_4 {
	top:14px;
	left:332px;
}

#navigation a.navig_5 {
	top:16px;
	left:472px;
}

#navigation a.navig_6 {
	top:12px;
	left:615px;
}


/* CONTENU
-----------------------------------------*/
.conteneur {
	clear:both;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:0 0 15px 16px;
}

.conteneur.conteneur_1 {
	background-color:#000000;
	padding:0;
}

.conteneur.conteneur_2 {
	background-color:#F7DA12;
	padding:5px 0 10px 0;
}

.conteneur.conteneur_3 {
	background-color:#F36512;
	padding:5px 0 10px 0;
}

.conteneur.conteneur_4 {
	background-color:#54ADC8;
}

.conteneur.conteneur_5 {
	background-color:#74BD1D;
}

.conteneur.conteneur_6 {
	background-color:#F11B86;
}

.conteneur.conteneur_7 {
	background-color:#F8170C;
}

.conteneur.conteneur_8, .conteneur.conteneur_9, .conteneur.conteneur_10, .conteneur.conteneur_11, .conteneur.conteneur_12, .conteneur.conteneur_13, .conteneur.conteneur_404, .conteneur.conteneur_22 {
	background-color:#414141;
}


/* ACCUEIL MILIEU
-----------------------------------------*/
#accueil_milieu {
	width:998px;
	margin-bottom:10px;
}

#accueil_flash {
	float:left;
	width:754px;
}

#accueil_decouvrir {
	width:238px;
	float:right;
	padding-right:6px;
	background:url(../images/tuiles/acc_decouvrir.gif) no-repeat top left;
}

#accueil_decouvrir .carriere_icone {
	margin:12px 0 0 132px;
}

#accueil_decouvrir .carriere_nom {
	margin:7px 62px 0 18px;
	text-align:right;
}

#accueil_decouvrir .carriere_nom a {
	font:21px/22px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#accueil_decouvrir .carriere_nom a:hover {
	color:#000000;
}

#accueil_decouvrir a.carriere_detail {
	display:block;
	width:153px;
	height:17px;
	padding:1px 0 0 2px;
	margin:15px 0 0 45px;
	color:#F8170C;
	font:bold 10px/13px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/acc_decouvrir_detail.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

#accueil_decouvrir a.carriere_detail:hover {
	background-position:0 -58px;
	width:147px;
	height:14px;
	padding:4px 0 0 8px;
}

#accueil_decouvrir a.carriere_detail:active {
	color:#000000;
}

#accueil_decouvrir a#video, #carrieres_decouvrir a#video {
	display:block;	
	width:158px;
	height:104px;
	margin:0 0 8px 20px;
	background-image:url(../images/boutons/acc_video.gif);
	background-repeat:no-repeat;
	background-position:0 -20px;
}
#carrieres_decouvrir a#video {
	margin:0 0 10px 8px;
}

#accueil_decouvrir a#video:hover, #carrieres_decouvrir a#video:hover {
	background-position:0 -164px;
}

#accueil_decouvrir a#video img, #carrieres_decouvrir a#video img {
	padding:10px 0 0 10px;
}


#accueil_decouvrir #test {
	margin-left:40px;
	width:154px;
	padding-bottom:10px;
}

#accueil_decouvrir #test_detail {
	background:url(../images/tuiles/acc_test.gif) no-repeat top left;
	padding:10px 8px 6px 46px;
}

#accueil_decouvrir #test_detail a {
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
}

#accueil_decouvrir #test_detail a:hover {
	color:#ED1782;
}




/* ACCUEIL VEDETTES
-----------------------------------------*/
#accueil_vedette_gauche {
	float:left;
	width:322px;
	margin-left:7px;
	display:inline; /* IE6 double margin bug */
	position:relative;
}

#accueil_vedette_milieu {
	float:left;
	width:322px;
	margin-left:8px;
	position:relative;
}

#accueil_vedette_droite {
	float:left;
	width:322px;
	margin-left:7px;
	position:relative;
}



#accueil_reportages {
	background:url(../images/tuiles/acc_reportages.gif) no-repeat top left;
	font:12px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	padding:18px 26px 10px 118px;
}

#accueil_vedette_gauche #microphone {
	position:absolute;
	top:43px;
	left:43px;
}

#accueil_reportages .nom_bloc {
	font:bold 11px/14px Arial, Verdana, sans-serif;
	color:#000000;
	text-transform:uppercase;
	margin-bottom:1px;
}

#accueil_reportages a.nom {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#accueil_reportages a.nom:hover {
	color:#000000;
}

#accueil_reportages .reporter {
	color:#C1E29B;
	font:11px/14px Arial, Verdana, sans-serif;
	margin-top:3px;
}

#accueil_reportages_bas {
	background:url(../images/tuiles/acc_reportages_bas.gif) no-repeat top left;
	padding:8px 0;
}

#accueil_reportages_bas #voir_autres {
	margin-left:157px;
}

#accueil_reportages_bas #voir_autres a {
	display:block;
	width:135px;
	height:17px;
	padding:1px 0 0 4px;
	color:#74BD1D;
	font:bold 10px/12px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/acc_reportages_voir.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

#accueil_reportages_bas #voir_autres a:hover {
	background-position:0 -58px;
	width:131px;
	height:14px;
	padding:4px 0 0 8px;
}

#accueil_reportages_bas #participer {
	margin-left:88px;
}

#accueil_reportages_bas #participer a {
	display:block;
	width:116px;
	height:17px;
	padding:1px 0 0 4px;
	color:#FFFF00;
	font:bold 10px/12px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/acc_reportages_participer.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

#accueil_reportages_bas #participer a:hover {
	background-position:0 -58px;
	width:112px;
	height:14px;
	padding:4px 0 0 8px;
}

#accueil_reportages_bas a:active {
	color:#FFFFFF;
}

#accueil_vedette_gauche a#concours_bouton {
	display:block;
	margin:20px 0 0 25px;
	width:77px;
	height:28px;
	padding:14px 0 0 186px;
	color:#F8170C;
	font:bold 10px/13px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/acc_concours.gif);
	background-repeat:no-repeat;
	background-position:0 -32px;
}

#accueil_vedette_gauche a#concours_bouton:hover {
	background-position:0 -129px;
	width:72px;
	height:25px;
	padding:17px 0 0 191px;
}

#accueil_vedette_gauche a#concentration_justice {
	display:block;
	width:170px;
	margin:10px 0 15px 22px;
}

#accueil_vedette_gauche a#note_province {
	display:block;
	width:219px;
	height:41px;
	padding:23px 0 0 30px;
	position:relative;
	top:0;
	left:-7px;
	margin:10px 0 8px 0;
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/graphiques/note_province.jpg) no-repeat top left;
}

#accueil_vedette_gauche a#note_province span {
	color:#999999;
}

#accueil_vedette_gauche a#note_province:hover, #accueil_vedette_gauche a#note_province:hover span {
	color:#FFFFFF;
}


#accueil_alacour {
	background:url(../images/tuiles/acc_alacour.gif) no-repeat top left;
	font:12px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
}

#accueil_alacour img {
	padding:8px 0 0 11px;
}

#accueil_vedette_milieu #alacour_tag {
	position:absolute;
	top:0;
	left:0;
}

#accueil_alacour .intro {	
	/*padding:12px 25px 10px 53px;*/
	padding:12px 25px 10px 1px;
	position:relative; /* Pour IE6 bug avec PNG plus haut */
	top:0;
	left:0;
}

#accueil_alacour .intro a {
	display:block;
	padding:0 0 0 50px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/boutons/acc_fleche_alacour.gif);
	background-repeat:no-repeat;
	background-position:0 -19px;
}

#accueil_alacour .intro a:hover {
	background-position:0 -74px;
}



#accueil_sondage {
	background:url(../images/tuiles/acc_sondage.gif) no-repeat top left;
	font:12px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
}

#accueil_sondage .padding {
	padding:52px 20px 10px 68px;
}

#accueil_vedette_droite #sondage_icone {
	position:absolute;
	top:6px;
	right:32px;
}

#accueil_sondage a {
	display:block;
	position:relative;
	top:0;
	left:-17px;
	font:12px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/icones/sondage_choix.gif);
	background-repeat:no-repeat;
	background-position:0 -68px;
	padding-left:17px;
}

#accueil_sondage a span {
	font:17px/16px Arial, Verdana, sans-serif;
	text-transform:uppercase;
}

#accueil_sondage a:hover {
	background-position:0 -57px;
}

#accueil_sondage_loading {
	margin-left:80px;
}

#accueil_sondage_resultats {
	padding:0 0 0 18px;
}

#accueil_sondage_resultats .choix {
	font:12px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	margin-bottom:2px;
	padding-right:15px;
}

#accueil_sondage_resultats .choix span {
	font:bold 12px/16px Arial, Verdana, sans-serif;
	text-transform:uppercase;
}

#accueil_sondage_resultats .barre_gauche {
	float:left;
	width:220px;
	height:10px;
	padding:4px;
	margin-right:2px;
	margin-bottom:7px;
	background-color:#000000;
}

#accueil_sondage_resultats .barre_gauche div {
	background-color:#FF0000;
	height:10px;
	font-size:1px;
	line-height:1px;
}

#accueil_sondage_resultats .barre_droite {
	float:left;
	width:38px;
	height:16px;
	padding:2px 4px 0 2px;
	background-color:#000000;
	font:bold 12px/14px Arial, Verdana, sans-serif;
	text-align:right;	
}

#accueil_sondage_resultats #total {
	padding:5px 31px 10px 0;
	text-align:right;
}

/* personnalisations */
#accueil_sondage_resultats .barre_gauche div.choix_1 {
	background-color:#F8170C;
}

#accueil_sondage_resultats .barre_gauche div.choix_2 {
	background-color:#54ADC8;
}




/* PAGES TEXTE
-----------------------------------------*/
.page_texte {
	width:782px;
	padding-bottom:10px;
}

.page_texte .padding {
	padding:0 138px 10px 20px;
	position:relative;
}

/* personnalisations */
.page_texte.page_texte_3 {
	background:url(../images/tuiles/page_texte_3.gif) repeat-y top left;
}

.page_texte.page_texte_4 {
	background:url(../images/tuiles/page_texte_4.gif) repeat-y top left;
}

.page_texte.page_texte_5 {
	background:url(../images/tuiles/page_texte_5.gif) repeat-y top left;
}

.page_texte.page_texte_6 {
	background:url(../images/tuiles/page_texte_6.gif) repeat-y top left;
}

.page_texte.page_texte_6.page_texte_6_jeux {
	background:url(../images/tuiles/page_texte_6_jeux.gif) repeat-y top left;
}

.page_texte.page_texte_7 {
	background:url(../images/tuiles/page_texte_7.gif) repeat-y top left;
}

.page_texte.page_texte_8, .page_texte.page_texte_9, .page_texte.page_texte_10, .page_texte.page_texte_11, .page_texte.page_texte_12, .page_texte.page_texte_13, .page_texte.page_texte_404 {
	background:url(../images/tuiles/page_texte_9.gif) repeat-y top left;
}

.page_texte.page_texte_15 {
	background:url(../images/tuiles/page_texte_15.gif) repeat-y top left;
}

.page_texte a#concours_bouton {
	position:absolute;
	top:-5px;
	right:-190px;
	display:block;
	width:181px;
	height:42px;
}

.page_texte a#concours_bouton:hover {
	background:transparent;
}

.page_texte a#concours_bouton .over {
	position:absolute;
	visibility:hidden;
}

.page_texte a#concours_bouton:hover .over {
	visibility:visible;
}



/* PAGE TEXTE - COIN DES PROFS
-----------------------------------------*/
.page_texte_4 h1 {
	font:16px/18px Arial, Verdana, sans-serif;
	color:#002693;
	margin:0;
}

.page_texte_4 h2 {
	font:bold 11px/16px Arial, Verdana, sans-serif;
	color:#54ADC8;
	text-transform:uppercase;
	margin:0;
}

.page_texte_4 .bloc_texte a {
	color:#365EAA;
}

.page_texte_4 .bloc_texte a:hover {
	color:#000000;
}

.page_texte_4 ul {
	margin:0;
	padding:0;
	list-style-type:none;	
}

.page_texte_4 ul li {
	background:url(../images/icones/liste_4.gif) no-repeat top left;
	padding:0 0 5px 20px;
}

.page_texte_4 .encadre {
	background-color:#CCE6EF;
	padding:20px 15px;
}

.page_texte_4 .colore {
	color:#54ADC8;
}

.page_texte_4 .bloc_deroulant_selected {
	background-color:#E6F3F5;
}

.page_texte_4 .bloc_deroulant a.lien_deroulant {
	background-image:url(../images/icones/bloc_deroulant_4.gif);
}


ul#navig_profs {
	float:right;
	width:190px;
	list-style-type:none;
	margin:0;
	padding:28px 0 0 0;
}

ul#navig_profs li {
	display:inline; /* Pour IE */
}

ul#navig_profs a {
	display:block;
	margin-bottom:4px;
}

ul#navig_profs a.dernier {
	margin-top:15px;
}

ul#navig_profs a .over {
	position:absolute;
	visibility:hidden;
}

ul#navig_profs a:hover {
	background:none; /* Pour IE6 réactivité a:hover .over */
}

ul#navig_profs a:hover .over {
	visibility:visible;
}

.page_texte_4 .padding {
	min-height:330px;
}

.page_texte_4 a#concours_bouton {
	top:365px;
}



/* PAGE TEXTE - REPORTAGES
-----------------------------------------*/
.page_texte_5 h1 {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#74BD1D;
	margin:0 0 2px 0;
}

.page_texte_5 h2 {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0;
}

.page_texte_5 .bloc_texte a {
	color:#5F9423;
}

.page_texte_5 .bloc_texte a:hover {
	color:#000000;
}

.page_texte_5 ul {
	margin:0;
	padding:0;
	list-style-type:none;	
}

.page_texte_5 ul li {
	background:url(../images/icones/liste_5.gif) no-repeat top left;
	padding:0 0 5px 20px;
}

.page_texte_5 .encadre {
	background-color:#D7ECBE;
	padding:20px 15px;
}

.page_texte_5 .colore {
	color:#74BD1D;
}

.page_texte_5 .bloc_deroulant_selected {
	background-color:#ECF7DA;
}

.page_texte_5 .bloc_deroulant a.lien_deroulant {
	background-image:url(../images/icones/bloc_deroulant_5.gif);
}


.page_texte_5 .padding {
	position:relative;
}

.page_texte_5 a#retour {
	position:absolute;
	top:0;
	right:30px;
	color:#74BD1D;
	font:11px/14px Arial, Verdana, sans-serif;
	background:url(../images/icones/reportage_retour.gif) no-repeat 0 0;
	padding-left:20px;
}

.page_texte_5 a#retour:hover {
	color:#000000;
}

.page_texte_5 .reporter {
	font:bold 11px/14px Arial, Verdana, sans-serif;
	color:#74BD1D;
}


/* REPORTAGES LISTE
-----------------------------------------*/
#reportages_liste .colonne {
	float:left;
	width:198px;
	margin-right:15px;
}

#reportages_liste .colonne.dernier {
	margin-right:0;
}

#reportages_liste a.reportage {
	display:block;
	padding:8px;
	margin-bottom:15px;
	font:12px/16px Arial, Verdana, sans-serif;
	text-decoration:none;
}

#reportages_liste a.reportage h2 {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0 0 5px 0;
}

#reportages_liste a.reportage .reporter {
	display:block;
	margin-top:10px;
	font:bold 11px/14px Arial, Verdana, sans-serif;
	color:#74BD1D;
}

#reportages_liste a.reportage .details {
	display:block;
	margin:5px 0 0 162px;
	width:18px;
	height:16px;
	background-image:url(../images/icones/reportage_oeil.gif);
	background-repeat:no-repeat;
	background-position:0 -18px;
}

#reportages_liste a.reportage:hover {
	color:#000000;
	text-align:left; /* Pour IE6 hover child bug */
}

#reportages_liste a.reportage:hover h2 {
	text-decoration:underline;
}

#reportages_liste a.reportage:hover .details {
	background-position:0 -60px;
}





/* personnalisations */
#reportages_liste .fonce {
	background-color:#D7ECBE;
	border:1px solid #D7ECBE;
}

#reportages_liste .contour {
	border:1px solid #74BD1D;
}

#reportages_liste .pale {
	background-color:#F0F8E6;
}


#reportages_liste #pagination {
	margin:5px 0 10px 0;
}

#reportages_liste #pagination a {
	display:block;
	float:left;
	width:25px;
	padding:3px 0;
	text-align:center;
	text-decoration:none;
	border:1px solid #3A5100;
	margin:0 5px 5px 0;
	color:#000000;
}

#reportages_liste #pagination a:hover {
	background-color:#F0F8E6;
}

#reportages_liste #pagination a.selected, #pagination a.selected:hover {
	background-color:#3A5100;
	color:#FFFFFF;
	border:1px solid #3A5100;
}



/* REPORTAGES DÉTAIL
-----------------------------------------*/
#reportage_carrieres {
	margin:20px 0 10px 0;
}

#reportage_carrieres .titre {
	padding:7px 12px;
	background-color:#F7DA12;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#000000;
}

#reportage_carrieres .liste {
	background-color:#FEFADD;
	overflow:auto;
	height:1%;
}

#reportage_carrieres .liste .carriere {
	float:left;
	width:126px;
	padding:0 15px 10px 15px;
	background-color:#FEFADD;
	/*text-align:center;*/
	font:bold 11px/13px Arial, Verdana, sans-serif;
	color:#000000;
	text-decoration:none;
}

#reportage_carrieres .liste .carriere div {
	text-align:center;
}

#reportage_carrieres .liste .carriere a {
	display:block;
	margin:6px 0 0 20px;
	width:82px;
	height:17px;
	padding:1px 0 0 4px;
	color:#FFFF00;
	font:bold 10px/11px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/intervenant_carriere.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

#reportage_carrieres .liste .carriere a:hover {
	background-position:0 -57px;
	width:78px;
	height:14px;
	padding:4px 0 0 8px;
}



/* TESTS ET JEUX
-----------------------------------------*/
.page_texte_6 .padding {
	padding:0 138px 0 20px;
}

.page_texte_6 h1 {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#F11B86;
	margin:0;
}

.page_texte_6 h2 {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0;
}

.page_texte_6 h3 {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#000000;
	margin:8px 0 5px 0;
}

.liste_tests_jeux {
	background:url(../images/titrages/liste_jeux.gif) no-repeat 0 12px;
	padding:36px 0 25px 135px;
	margin-top:5px;
}

.liste_tests_jeux.liste_tests {
	background:url(../images/titrages/liste_tests.gif) no-repeat 0 10px;
	padding:0 0 10px 135px;
	margin-top:0;
}

.liste_tests_jeux h1 {
	margin:0 0 6px 12px;
}

.liste_tests_jeux a {
	display:block;
	width:555px;
	height:37px;
	padding:10px 0 0 12px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#000000;
	text-decoration:none;
	background-image:url(../images/boutons/liste_tests_jeux.gif);
	background-repeat:no-repeat;
	background-position:0 -32px;
}

.liste_tests_jeux a:hover {
	background-position:0 -122px;
	color:#FFFFFF;
}

.liste_tests_jeux .intro {
	position:relative;
	top:-6px;
	left:0;
	margin:0 0 5px 12px;
	width:470px;
}


/* TESTS ET JEUX - DÉTAIL TEST
-----------------------------------------*/
#test_detail img#ambiance, #jeu_detail img#ambiance {
	position:absolute;
	top:-10px;
	right:16px;
}

#test_detail a#retour, #jeu_detail a#retour {
	display:block;
	width:167px;
	height:29px;
	padding:4px 0 0 57px;
	margin-left:390px;
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#F11B86;
	text-decoration:none;
	background-image:url(../images/boutons/test_retour.gif);
	background-repeat:no-repeat;
	background-position:0 -21px;
}

#jeu_detail a#retour {
	background-image:url(../images/boutons/jeu_retour.gif);
}

#test_detail a#retour span, #jeu_detail a#retour span {
	color:#FFFFFF;
}

#test_detail a#retour:hover, #jeu_detail a#retour:hover {
	width:163px;
	height:26px;
	padding:7px 0 0 61px;
	background-position:0 -87px;
}

#test_detail .question {
	width:607px;
	background:url(../images/tuiles/test_question.gif) no-repeat top left;
	position:relative;
	margin:0 0 5px 10px;
}

#test_detail .question .padding {
	padding:12px 25px 8px 30px;
}

#test_detail .question .numero {
	position:absolute;
	top:10px;
	left:-11px;
	width:32px;
	height:27px;
	padding-top:5px;
	text-align:center;
	font:bold 19px/21px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	background-image:url(../images/icones/question_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#test_detail .question .numero_erreur {
	background-image:url(../images/icones/question_erreur.gif);
}

#test_detail .question .numero_repondue {
	background-image:url(../images/icones/question_on.gif);
}

#test_detail .question span {
	font-weight:bold;
}

#test_detail .question ul {
	list-style-type:none;
	padding:0;
	margin:6px 0 0 0;
}

#test_detail .question ul input {
	border:0;
}

#test_detail .question ul div {
	float:left;
	width:38px;
	color:#9D0056;
}

#test_detail .question ul li label {
	float:left;
	width:510px;
}

#test_detail #soumettre {
	margin-top:12px;
	margin-left:510px;
}

#test_detail #soumettre a {
	display:none;
	width:93px;
	height:20px;
	padding:8px 0 0 15px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/boutons/test_soumettre.gif);
	background-repeat:no-repeat;
	background-position:0 -15px;
}

#test_detail #soumettre a:hover {
	width:91px;
	height:22px;
	padding:6px 0 0 17px;
	background-position:0 -82px;
}

#test_detail #soumettre #btn_soumettre {
	background-color:#000000;
	color:#FFFFFF;
}

#test_detail .conclusion {
	color:#9D0056;
	width:600px;
	padding:10px 10px 10px 22px;
	margin-bottom:5px;
}

#test_detail .conclusion_selected {
	background:url(../images/tuiles/test_conclusion.gif) no-repeat top left;
	color:#000000;
}

#test_detail .total_lettre {
	float:left;
	width:112px;
	margin:0 8px 8px 0;
	font:bold 12px/14px Arial, Verdana, sans-serif;
}

#test_detail .total_lettre .lettre {
	float:left;
	width:80px;
	padding:3px 0 3px 7px;
	background-color:#FDD0E6;
	color:#9D0056;
}

#test_detail .total_lettre .nombre {
	float:left;
	width:23px;
	text-align:center;
	padding:3px 0;
	background-color:#F11B86;	
	color:#FFFFFF;
	border-left:2px solid #FFFFFF;
}

#test_detail a#carriere_liee, #jeu_detail a#carriere_liee {
	display:block;
	width:371px;
	height:17px;
	padding:1px 0 0 4px;
	margin:30px 0 30px 22px;
	color:#FFFFFF;
	font:bold 10px/12px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/test_carriere_liee.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
	text-align:center;
}
#jeu_detail a#carriere_liee {
	margin-left:115px;
	background-image:url(../images/boutons/jeu_carriere_liee.gif);
}

#test_detail a#carriere_liee:hover, #jeu_detail a#carriere_liee:hover {
	background-position:0 -58px;
	width:367px;
	height:14px;
	padding:4px 0 0 8px;
}

#test_detail a#carriere_liee span, #jeu_detail a#carriere_liee span {
	color:#FFFF00;
}


/* TESTS ET JEUX - DÉTAIL JEU
-----------------------------------------*/
#jeu_detail {
	color:#FFFFFF;
}

#jeu_detail h1 {
	color:#FFFFFF;
}



/* PAGE TEXTE - CONCOURS
-----------------------------------------*/
.page_texte_7 .padding {
	padding-top:8px;
}

.page_texte_7 h1 {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#F8170C;
	margin:0;
}

.page_texte_7 h2 {
	font:16px/18px Arial, Verdana, sans-serif;
	color:#F8170C;
	margin:0 0 2px 0;
}

.page_texte_7 h3 {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0;
}

.page_texte_7 h4 {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#950000;
	margin:0;
}

.page_texte_7 a {
	color:#CF0000;
}

.page_texte_7 a:hover {
	color:#000000;
}

.page_texte_7 ul {
	margin:0;
	padding:0;
	list-style-type:none;	
}

.page_texte_7 ul li {
	background:url(../images/icones/liste_7.gif) no-repeat top left;
	padding:0 0 5px 20px;
}

.page_texte_7 .bloc_deroulant {
	padding:6px 6px 6px 13px;
}

.page_texte_7 .bloc_deroulant a.lien_deroulant {
	width:563px;
	height:24px;
	padding:6px 0 0 30px;
	color:#FFFFFF;
	background-image:url(../images/boutons/deroulant_concours.gif);
	background-repeat:no-repeat;
	background-position:0 -14px;
}

.page_texte_7 .bloc_deroulant a.lien_deroulant:hover {
	background-position:0 -75px;
}

.page_texte_7 .bloc_deroulant a.selected, .page_texte_7 .bloc_deroulant a.selected:hover {
	color:#FFFFFF !important;
	background-position:0 -75px;
}

.page_texte_7 .zone_deroulante {
	padding:10px 30px 2px 30px;
}

.page_texte_7 #participe {
	margin:10px 0 0 430px;
}

.page_texte_7 #participe a {
	display:block;
	width:163px;
	height:20px;
	padding:8px 0 0 8px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/boutons/concours_participe.gif);
	background-repeat:no-repeat;
	background-position:0 -15px;
}

.page_texte_7 #participe a:hover {
	width:159px;
	height:22px;
	padding:6px 0 0 12px;
	background-position:0 -83px;
}



/* CONCOURS FORMULAIRE
-----------------------------------------*/
.page_texte_7 #form_gauche {
	float:left;
	width:300px;
	margin-right:24px;
}

.page_texte_7 #form_droite {
	float:left;
	width:300px;
}

.page_texte_7 input, .page_texte_7 select, .page_texte_7 textarea {
	background-color:#232323;
	color:#FFFFFF;
	font:12px/14px Arial, Verdana, sans-serif;
	padding:3px;
	border:1px solid #F8170C;
	margin:2px 0;
}

.page_texte_7 input, .page_texte_7 textarea {
	width:280px;
}

.page_texte_7 label {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#000000;
}

.page_texte_7 #soumettre {
	margin-top:12px;
	margin-left:510px;
}

.page_texte_7 #soumettre input {
	width:75px;
}

.page_texte_7 #soumettre a {
	display:none;
	width:93px;
	height:20px;
	padding:8px 0 0 15px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/boutons/concours_soumettre.gif);
	background-repeat:no-repeat;
	background-position:0 -15px;
}

.page_texte_7 #soumettre a:hover {
	width:91px;
	height:22px;
	padding:6px 0 0 17px;
	background-position:0 -82px;
}

.page_texte_7 #soumettre #btn_soumettre {
	background-color:#000000;
	color:#FFFFFF;
}

.page_texte_7 #retroaction {
	background-color:#232323;
	color:#FFFFFF;
	padding:10px 15px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
}


/* REINE CONTRE ALEXIS
-----------------------------------------*/
.conteneur_22 {
	text-align:center;
	padding:10px 0 20px 0;
}

.conteneur_22 #sans_flash {
	color:#fff;
}

.conteneur_22 #sans_flash a {
	color:#fff;
}

.conteneur_22 #sans_flash a:hover {
	color:#BB120B;
}


/* PLAN SITE
-----------------------------------------*/
.page_texte_12 .padding {
	padding:10px 138px 10px 50px;
}

.page_texte_12 a.navig_principale {
	display:block;
	width:133px;
	height:32px;
}

.page_texte_12 a.navig_principale:hover {
	background:transparent;
}

.page_texte_12 a.navig_principale .over {
	position:absolute;
	visibility:hidden;
}

.page_texte_12 a.navig_principale:hover .over {
	visibility:visible;
}

.page_texte_12 a.navig_haut {
	display:block;		
	width:126px;
	height:15px;
	padding:9px 0 0 8px;
	color:#FFFFFF;
	font:bold 10px/12px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/plan_navig_haut.gif);
	background-repeat:no-repeat;
	background-position:0 -14px;
}

.page_texte_12 a.navig_haut:hover {
	background-position:0 -71px;
	width:122px;
	height:18px;
	padding:6px 0 0 12px;
	color:#000000;	
}

.page_texte_12 a.navig_bas {
	display:block;		
	width:126px;
	height:15px;
	padding:9px 0 0 8px;
	color:#FFFFFF;
	font:bold 10px/12px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/plan_navig_bas.gif);
	background-repeat:no-repeat;
	background-position:0 -14px;
	margin-bottom:4px;
}

.page_texte_12 a.navig_bas:hover {
	background-position:0 -71px;
	width:122px;
	height:18px;
	padding:6px 0 0 12px;
	color:#000000;	
}

.page_texte_12 ul.liste_section_2 {
	list-style-type:none;
	margin:0;
	padding:10px 0 0 18px;
}

.page_texte_12 ul.liste_section_2 li {
	padding-bottom:7px;
}

.page_texte_12 ul.liste_section_2 li a {
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#C29220;
	text-decoration:none;
	background-image:url(../images/icones/plan_liste_section_2.gif);
	background-repeat:no-repeat;
	background-position:0 -13px;
	padding-left:20px;
}

.page_texte_12 ul.liste_section_2 li a:hover {
	color:#000000;
	background-position:0 -67px;
}

.page_texte_12 ul.liste_section_3 {
	list-style-type:none;
	margin:0;
	padding:10px 0 5px 18px;
}

.page_texte_12 ul.liste_section_3 li {
	padding-bottom:7px;
}

.page_texte_12 ul.liste_section_3 li a {
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#BC6513;
	text-decoration:none;
	background-image:url(../images/icones/plan_liste_section_3.gif);
	background-repeat:no-repeat;
	background-position:0 -13px;
	padding-left:20px;
}

.page_texte_12 ul.liste_section_3 li a:hover {
	color:#000000;
	background-position:0 -67px;
}

.page_texte_12 ul.liste_section_3 li ul {
	list-style-type:none;
	padding-top:10px;
}

.page_texte_12 ul.liste_section_3 li ul li {
	padding-bottom:3px;
}

.page_texte_12 ul.liste_section_3 li ul li a {
	background-image:url(../images/icones/plan_liste_ss_section_3.gif);
	font:11px/12px Arial, Verdana, sans-serif;
	color:#F36512;
}



/* ACTIONS
-----------------------------------------*/
.actions {
	padding:8px 0 8px 15px;
	margin:12px 28px 0 9px;
}

.actions a {
	font:10px/12px Arial, Verdana, sans-serif;
	color:#FFFFFF;
}

.actions a:hover {
	color:#000000;
}

.actions a.envoyer_ami {
	float:left;
	position:relative;
	width:112px;
	margin-right:20px;
}

.actions a.envoyer_ami .icone {
	position:absolute;
	top:-18px;
	right:0;
}

.actions a.imprimer {
	float:left;
	position:relative;
	width:72px;
}

.actions a.imprimer .icone {
	position:absolute;
	top:-18px;
	right:0;
}


/* personnalisations */
.actions.actions_2 {
	margin:30px 4px 12px 4px;
	background-color:#D0B265;
}

.actions.actions_3 {
	background-color:#EB6225;
}

.actions.actions_4 {
	background-color:#60ABC6;
}

.actions.actions_5 {
	background-color:#79BF2B;
}

.actions.actions_6 {
	background-color:#E80085;
}

.actions.actions_7 {
	background-color:#EF0021;
}

.actions.actions_8, .actions.actions_9, .actions.actions_10, .actions.actions_11, .actions.actions_12, .actions.actions_13 {
	background-color:#F8170C;
}


/* BAS
-----------------------------------------*/
#navig_bas {
	margin:6px 0 0 25px;
}

#navig_bas a {
	display:block;
	float:left;
	margin-right:10px;
	width:125px;
	height:16px;
	padding:8px 0 0 5px;
	color:#FFFFFF;
	font:bold 10px/12px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/navig_bas.gif);
	background-repeat:no-repeat;
	background-position:0 -14px;
	margin-bottom:4px;
}

#navig_bas a:hover, #navig_bas a.selected, #navig_bas a.selected:hover {
	background-position:0 -71px;
	width:120px;
	height:22px;
	padding:2px 0 0 10px;
	color:#000000;
}

#signature {
	float:right;
	height:10px;
	font-size:1px;
	line-height:1px;
	margin-top:5px;
}

#signature a {
	font:9px/9px Arial, Verdana, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#6D6E6E;
}

#signature a:hover {
	text-decoration:underline;
}


/* POPUP
-----------------------------------------*/
body#popup {
	background-color:#FFFFFF;
	margin:5px 0;
}

#popup_wrapper {
	width:501px;
	margin:0 auto;
	position:relative;
}

#popup_contenu {
	background:url(../images/tuiles/popup.gif) repeat-y;	
}

#popup_contenu #popup_fermer {
	position:absolute;
	top:6px;
	right:30px;
}

#popup_contenu #popup_fermer a {
	font:11px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#popup_contenu #popup_fermer a span {
	text-decoration:underline;
}

#popup_contenu #popup_fermer a img {
	position:relative;
	top:4px;
	left:0;
}

#popup_contenu #popup_fermer a:hover {
	color:#000000;
}

#envoyer_gauche {
	float:left;
	width:165px;
	padding:0 0 10px 15px;
}

#envoyer_droite {
	float:left;
	width:278px;
	padding-top:10px;
}

#envoyer_droite form {
	margin:0;
}

#envoyer_droite h1 {
	font:16px/18px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0 0 4px 0;
}

#envoyer_droite input, #envoyer_droite textarea {
	background-color:#333A3B;
	border:1px solid #C33327;
	color:#FFFFFF;
	font:11px/12px Arial, Verdana, sans-serif;
	padding:3px;
	margin:2px 0 5px 0;
}

#envoyer_droite label, #popup_contenu #merci {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
}

#envoyer_droite label.erreur {
	color:#8A1717;
}

#popup_contenu #envoyer {
	margin:10px 0 0 185px;
}

#popup_contenu #envoyer a {
	display:none;
	width:81px;
	height:20px;
	padding:8px 0 0 8px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/boutons/popup_envoyer.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

#popup_contenu #envoyer a:hover {
	width:77px;
	height:22px;
	padding:6px 0 0 12px;
	background-position:0 -74px;
}

#popup_contenu #note_requis {
	font:11px/12px Arial, Verdana, sans-serif;
	margin:0 0 8px 10px;
}

#popup_contenu .message_erreur {
	background-color:#FFFFFF;
}



/* FORMULAIRES
-----------------------------------------*/
input, select, textarea {
	font:12px/14px Arial, Verdana, sans-serif;
	color:#000000;
	border:1px solid #000000;
}

.message_erreur, .message_succes {
	width:100%;
	margin:10px auto;	
	text-align:center;
	border:1px solid #F8170C;
	color:#F8170C;
	padding:4px;
	font-weight:bold;
}

.message_succes {
	border:1px solid #72BF44;
	color:#72BF44;
}

.erreur, .page_texte_7 .erreur {
	color:#F8170C;
}


/* DIVERS
-----------------------------------------*/
a.pdf {
	background:url(../images/icones/pdf.gif) no-repeat 0 0;
	padding:2px 0 2px 22px;
}