/*
	CSS pour Jeune pour jeunes - CEJ - Principal
	Emilie - egzakt.com
	2007-08-09
*/

body {
	font:12px/16px Arial, Verdana, sans-serif;
	color:#000000;
}

/* 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;
}

.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;
}


/* NAVIGATION
-----------------------------------------*/
#cej {
	background-color:#000000;
}

#navigation_cej {
	background-repeat:no-repeat;
	background-position:bottom left;
	height:52px;
	position:relative;
}

#navigation_cej a {
	position:absolute;	
}

#navigation_cej a:hover {
	background:transparent;
}

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

#navigation_cej a:hover .over{
	visibility:visible;
}


/* personnalisations */
#navigation_cej a.navig_102 {
	top:7px;
	left:13px;
}

#navigation_cej a.navig_103 {
	top:9px;
	left:193px;
}

#navigation_cej a.navig_105 {
	top:11px;
	left:332px;
}

#navigation_cej #logo_cej {
	position:absolute;
	top:-14px;
	left:708px;
}


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

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

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

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

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


/* 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 #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_decouvrir #saviez_vous {
	background-color:#F7DA12;
	width:140px;
	padding:6px 10px;
	margin:0 0 12px 48px;
	font:12px/14px Arial, Verdana, sans-serif;
}

#accueil_decouvrir #saviez_vous img {
	margin-bottom:5px;
}



/* 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(http://www.jeunepourjeunes.com/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;
}

a#note_province {
	display:block;
	width:178px;
	height:90px;
	margin:5px 0 0 50px;
	padding:10px 10px 0 15px;
	text-align:center;
	font:bold 1em/1.2em Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../../images/graphiques/note_province2.gif) no-repeat top left;
}

a#note_province span {
	color:#999999;
}

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 -212px;
}

#accueil_sondage_loading {
	margin-left:80px;
}

#accueil_sondage_resultats {
	padding:2px 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_112 {
	background:url(../../images/tuiles/page_texte_112.gif) repeat-y top left;
}

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

.page_texte.page_texte_113 {
	background:url(../../images/tuiles/page_texte_113.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 - REPORTAGES
-----------------------------------------*/
.page_texte_105 h1 {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#74BD1D;
	margin:0 0 2px 0;
}

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

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

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

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

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

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

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

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

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


.page_texte_105 .padding {
	position:relative;
}

.page_texte_105 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_105 a#retour:hover {
	color:#000000;
}

.page_texte_105 .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;
}




/* 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;
}

.actions a.imprimer_tout {
	float:left;
	position:relative;
	width:95px;
	margin-left:20px;
}

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


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

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

.actions.actions_113 {
	background-color:#f11788;
}

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