/*
	CSS pour Jeune pour jeunes - Jeunes du monde
	Emilie - egzakt.com
	2009-03-03
*/

/* ARCHITECTURE
-----------------------------------------*/
#jeunes_monde {
	padding-top:5px;
	color:#fff;
}

#jeunes_monde #bandeau {
	height:208px;
	padding:9px 0 10px 0;
	background:url(../images/graphiques/bandeau_jeunes_du_monde.gif) no-repeat top right;
}

#jeunes_monde #bandeau_2011 {
	height:208px;
	padding:9px 0 10px 0;
	background-color:#000;
	background-position: top right;
	background-repeat:no-repeat;
	position:relative;
}
#jeunes_monde .bandeau_2011_fr {
	background-image: url(../images/graphiques/bandeau_jeunes_du_monde_2011.jpg);
}
#jeunes_monde .bandeau_2011_en {
	background-image: url(../en/images/graphiques/bandeau_jeunes_du_monde_2011.jpg);
}

#jeunes_monde a#btn_inscris_toi {
	display:block;
	width:249px;
	margin-top:20px;
}

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

#jeunes_monde a#btn_inscris_toi:hover {
	background:none;
}

#jeunes_monde a#btn_inscris_toi:hover .over {
	visibility:visible;
}


#jeunes_monde #colonne_navig {
	float:left;
	width:236px;
	padding-left:8px;
}

#jeunes_monde #colonne_contenu {
	float:right;
	width:682px;
}

#jeunes_monde #colonne_contenu .padding_contenu {
	padding:0 22px;
}


/* SOUS-NAVIGATION
-----------------------------------------*/
#jeunes_monde ul#sous_navigation {
	list-style-type:none;
	margin:0;
	padding:0;
	width:236px;	
}

#jeunes_monde ul#sous_navigation li {
	display:inline;
}

#jeunes_monde ul#sous_navigation a,
#jeunes_monde ul#sous_navigation .sur_titre div {
	display:block;
	padding:5px 9px;
	background-color:#505050;
	font:bold 1.08em/1.2em Arial, Verdana, sans-serif;
	color:#fff;
	text-decoration:none;
	margin-bottom:6px;
}

#jeunes_monde ul#sous_navigation a:hover,
#jeunes_monde ul#sous_navigation a.selected,
#jeunes_monde ul#sous_navigation .sur_titre .selected {
	background-color:#dcdcdc;
	color:#000;
}

/* Thèmes (niveau 2) */
#jeunes_monde ul#sous_navigation ul {
	list-style-type:none;
	margin:0;
	padding:0 0 2px 0;
	background-color:#171717;
}

#jeunes_monde ul#sous_navigation ul a {
	padding:3px 9px;
	background:none;
	font:1em/1.2em Arial, Verdana, sans-serif;
	margin-bottom:2px;
}

#jeunes_monde ul#sous_navigation ul a span {
	text-decoration:underline;
}

#jeunes_monde ul#sous_navigation ul a:hover {
	background:none;
}

#jeunes_monde ul#sous_navigation ul a:hover span,
#jeunes_monde ul#sous_navigation ul a.selected span {
	text-decoration:none;
}


/* personnalisations */
#jeunes_monde ul#sous_navigation li.theme_120 a,
#jeunes_monde ul#sous_navigation li.theme_120 a:hover,
#jeunes_monde ul#sous_navigation li.theme_120 a.selected {
	color:#F03A99;
	background:none;
}

#jeunes_monde ul#sous_navigation li.theme_121 a,
#jeunes_monde ul#sous_navigation li.theme_121 a:hover,
#jeunes_monde ul#sous_navigation li.theme_121 a.selected {
	color:#FFFF00;
	background:none;
}
#jeunes_monde ul#sous_navigation li.theme_122 a,
#jeunes_monde ul#sous_navigation li.theme_122 a:hover,
#jeunes_monde ul#sous_navigation li.theme_122 a.selected {
	color:#FF9600;
	background:none;
}
#jeunes_monde ul#sous_navigation li.theme_123 a,
#jeunes_monde ul#sous_navigation li.theme_123 a:hover,
#jeunes_monde ul#sous_navigation li.theme_123 a.selected {
	color:#33A02C;
	background:none;
}


/* COLONNE NAVIG
-----------------------------------------*/
#jeunes_monde #ecris_nous {
	margin-top:20px;
	padding:8px;
	background:#34b3d1 url(../images/tuiles/jd_ecris_nous.gif) no-repeat top left;
	font-size:0.92em;
	line-height:1.2em;
	color:#000;
}

#jeunes_monde #ecris_nous .titre {
	font:bold 1.18em/1.2em Arial, Verdana, sans-serif;
	color:#fff;
	margin-bottom:3px;
}

#jeunes_monde #collaborateurs {
	margin:35px 0 0 0;
	font:bold 0.83em/1.4em Arial, Verdana, sans-serif;
	color:#C8C8C8;
}

#jeunes_monde #collaborateurs img {
	padding-top:8px;
}

#jeunes_monde #collaborateurs #patrimoine_canadien {
	display:block;
	margin:1em 0;
}

#jeunes_monde #collaborateurs #unicef {
	float:right;
}


/* ACCUEIL
-----------------------------------------*/
#jeunes_monde #accueil_jeunes_monde h1 {
	font-size:1.33em;
	line-height:1.2em;
}

#jeunes_monde #accueil_jeunes_monde .bloc_texte a:hover {
	color:#9fdae7;
}

#jdm-abonnes {
	margin:0;
	padding:0;
}

#gd_abonnes {
	margin-bottom:2em;
}


#gd_abonnes label.error {
	padding-left:4px;
	font-style:italic;
}
#gd_abonnes input.email {
	background-color:#232323;
	color:#FFFFFF;
	font:1em/1.12em Arial, Verdana, sans-serif;
	padding:3px;
	border:1px solid #444;
	margin:2px 0;
	width:200px;
}

#gd_abonnes #soumettre {
	margin:4px 0 0;
}

#gd_abonnes .retroaction {
	display:none;
	background-color:#232323;
	color:#FFFFFF;
	padding:10px 15px;
	font:bold 1.17em/1.17em Arial, Verdana, sans-serif;
	margin:5px 0 0;
}



/* PAGE TEXTE
-----------------------------------------*/
#jeunes_monde #page_texte {
	width:682px;
	padding:30px 0 22px 0;
	color:#4F4F4F;
	border:0;
	background:#dcdcdc url(../images/tuiles/jd_page_texte.jpg) no-repeat top left;
}

#jeunes_monde #page_texte h1#section_nom {
	font:1.5em/1.2em 'Arial Black', Arial, sans-serif;
	color:#000;
	margin:0 0 5px 0;
	padding:0;
	background:none;
	text-transform:none;
}


/* BLOC TEXTE
-----------------------------------------*/
#jeunes_monde .bloc_texte h1 {
	font:1.5em/1.2em 'Arial Black', Arial, sans-serif;
	color:#009FD1;
	margin:0 0 3px 0;
}

#jeunes_monde .bloc_texte h2 {
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	color:#fff;
	background-color:#009FD1;
	padding:6px 5px;
	margin:0 0 10px 0;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#jeunes_monde .bloc_texte .bloc_deroulant h2 {
	background-color:transparent;
	color:#009FD1;
	padding:0;
}

#jeunes_monde .bloc_texte h3 {
	font:bold 1em/1.2em Arial, Verdana, sans-serif;
	color:#009FD1;
	padding:2px;
	margin:0 0 4px 0;
}

#jeunes_monde .bloc_texte h4 {
	font:bold 1.33em/1.2em Arial, Verdana, sans-serif;
	color:#fff;
	margin:0 0 4px 0;
}

#jeunes_monde .bloc_texte a {
	color:#009BBF;
}

#jeunes_monde .bloc_texte a:hover {
	color:#000;
}


#jeunes_monde .bloc_texte ul { }

#jeunes_monde .bloc_texte ul li {
	background:url(../../images/icones/liste_118.gif) no-repeat 2px 2px;
}

#jeunes_monde .bloc_texte .encadre {
	padding:14px 10px 10px 10px;	
	background:#34B3D1 url(../images/tuiles/jd_encadre.jpg) no-repeat top left;
	color:#004281;
}

#jeunes_monde .bloc_texte .encadre a {
	color:#fff;
}

#jeunes_monde .bloc_texte .encadre a:hover {
	color:#000;
}


/* Bloc déroulant */
#jeunes_monde .bloc_deroulant {
	padding:0;
	margin:10px 0;
}

#jeunes_monde .bloc_deroulant_selected {
	background:none;
}

#jeunes_monde .bloc_deroulant .zone_deroulante {
	padding:10px 20px;
	background-color:#fff
}

#jeunes_monde .bloc_deroulant a.lien_deroulant {
	display:block;
	color:#fff;
	padding:4px 20px;
	font:bold 12px/14px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/jd_lien_deroulant.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

#jeunes_monde .bloc_deroulant a.lien_deroulant:hover {
	background-position:0 -54px;
	color:#fff;
}

#jeunes_monde .bloc_deroulant a.selected,
#jeunes_monde .bloc_deroulant a.selected:hover {
	background-position:0 -108px;
}


/* Templates */
#jeunes_monde .tmpl_question_concours {
	width:202px;
	padding:7px 0;
	background-color:#fff;
}

#jeunes_monde .tmpl_question_concours .titre {
	width:172px;
	padding:1px 0 1px 12px;
	background-color:#34b3d1;
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	color:#fff;
}

#jeunes_monde .tmpl_question_concours .texte {
	padding:6px 20px 0 12px;
	font-size:0.92em;
	line-height:1.2em;
	color:#4F4F4F;
}


#jeunes_monde .tmpl_convention_dit {
	width:202px;
	padding:7px 0;
}

#jeunes_monde .tmpl_convention_dit .titre {
	width:172px;
	padding:1px 0 1px 12px;
	font:bold 1.08em/1.2em Arial, Verdana, sans-serif;
	color:#fff;
}

#jeunes_monde .tmpl_convention_dit .texte {
	padding:6px 12px 0 12px;
	font-size:0.92em;
	line-height:1.2em;
	color:#292929;
}

#jeunes_monde .tmpl_tableau_colore {
	border-collapse:collapse;
}

#jeunes_monde .tmpl_tableau_colore th {
	background-color:#6D6D6D;
	color:#fff;
	text-align:left;
	padding:7px 10px;
	border:1px solid #4F4F4F;
}

#jeunes_monde .tmpl_tableau_colore td {
	padding:5px 10px;
	border:1px solid #4F4F4F;
	background-color:#e9e9e9;
	color:#4F4F4F;
}

#jeunes_monde .tmpl_tableau_colore tr.impaire td {
	background-color:#cfcfcf;
	color:#4F4F4F;
}


#jeunes_monde .tmpl_conteneur_impression td.padding {
	display:none;
}
#jeunes_monde .tmpl_conteneur_impression td.contenu {

}


/* THÈME
-----------------------------------------*/
#jeunes_monde .theme h1#section_nom {
	font:1.5em/1.2em 'Arial Black', Arial, sans-serif;
	margin:0 0 12px 0;
}

/* Onglets */
#jeunes_monde .theme ul#onglets {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	height:1%;
}

#jeunes_monde .theme ul#onglets li {
	display:inline;
}

#jeunes_monde .theme ul#onglets a {
	float:left;
	padding:6px 15px;
	margin-right:5px;
	background-color:#4F4F4F;
	font:1.17em/1.2em 'Arial Black', Arial, sans-serif;
	color:#C8C8C8;
	text-decoration:none;
}

#jeunes_monde .theme ul#onglets a:hover,
#jeunes_monde .theme ul#onglets a.selected {
	background-color:#dcdcdc;
	color:#000;
}

#jeunes_monde .theme #theme_contenu {
	width:652px;
	padding:12px 15px;
	color:#4F4F4F;
	background:#dcdcdc url(../images/tuiles/jd_page_theme.jpg) no-repeat top right;
}

#jeunes_monde .theme .bloc_texte h2 {
	font:bold 1.33em/1.2em Arial, Verdana, sans-serif;
	color:#000;
	background-color:transparent;
	padding:0;
	margin:0 0 2px 0;
}

/* personnalisations */
#jeunes_monde .theme_120 h1#section_nom {
	color:#F03A99;
}
#jeunes_monde .theme_121 h1#section_nom {
	color:#FFFF00;
}
#jeunes_monde .theme_122 h1#section_nom {
	color:#FF7C00;
}
#jeunes_monde .theme_123 h1#section_nom {
	color:#33A02C;
}

#jeunes_monde .theme_120 .bloc_texte h3 {
	color:#fff;
	background-color:#EE1988;
}
#jeunes_monde .theme_121 .bloc_texte h3 {
	color:#EB7E00;
	background-color:#FFFF00;
}
#jeunes_monde .theme_122 .bloc_texte h3 {
	color:#fff;
	background-color:#f8851b;
}
#jeunes_monde .theme_123 .bloc_texte h3 {
	color:#fff;
	background-color:#33A02C;
}

#jeunes_monde .theme_120 .bloc_texte .encadre {
	background-image:url(../images/tuiles/jd_encadre_120.jpg);
	background-color:#F03A99;
	color:#580028;
}
#jeunes_monde .theme_121 .bloc_texte .encadre {
	background-image:url(../images/tuiles/jd_encadre_121.jpg);
	background-color:#ffff00;
	color:#4F4F4F;
}
#jeunes_monde .theme_121 .bloc_texte .encadre a {
	color:#4F4F4F;
}
#jeunes_monde .theme_121 .bloc_texte .encadre a:hover {
	color:#000;
}
#jeunes_monde .theme_121 .bloc_texte .encadre h4 {
	color:#EB7E00;
}
#jeunes_monde .theme_122 .bloc_texte .encadre {
	background-image:url(../images/tuiles/jd_encadre_122.jpg);
	background-color:#fe9600;
	color:#833A00;
}
#jeunes_monde .theme_123 .bloc_texte .encadre {
	background-image:url(../images/tuiles/jd_encadre_123.jpg);
	background-color:#33a02c;
	color:#003A00;
}


#jeunes_monde .theme_120 .bloc_deroulant a.lien_deroulant {
	background-image:url(../images/boutons/jd_lien_deroulant_120.gif);
}
#jeunes_monde .theme_121 .bloc_deroulant a.lien_deroulant {
	background-image:url(../images/boutons/jd_lien_deroulant_121.gif);
}
#jeunes_monde .theme_121 .bloc_deroulant a.selected,
#jeunes_monde .theme_121 .bloc_deroulant a.selected:hover {
	color:#EB7E00;
}
#jeunes_monde .theme_122 .bloc_deroulant a.lien_deroulant {
	background-image:url(../images/boutons/jd_lien_deroulant_122.gif);
}
#jeunes_monde .theme_123 .bloc_deroulant a.lien_deroulant {
	background-image:url(../images/boutons/jd_lien_deroulant_123.gif);
}


#jeunes_monde .theme_120 .tmpl_question_concours .titre {
	background-color:#F03A99;
}
#jeunes_monde .theme_121 .tmpl_question_concours .titre {
	background-color:#FFFF00;
	color:#EB7E00;
}
#jeunes_monde .theme_122 .tmpl_question_concours .titre {
	background-color:#f8851b;
}
#jeunes_monde .theme_123 .tmpl_question_concours .titre {
	background-color:#33A02C;
}

#jeunes_monde .theme_120 .tmpl_convention_dit {
	background-color:#FCD8EB;
}
#jeunes_monde .theme_120 .tmpl_convention_dit .titre {
	background-color:#F03A99;
}
#jeunes_monde .theme_120 .tmpl_convention_dit a {
	color:#F03A99;
}
#jeunes_monde .theme_121 .tmpl_convention_dit {
	background-color:#FFFFC8;
}
#jeunes_monde .theme_121 .tmpl_convention_dit .titre {
	background-color:#FFFF00;
	color:#EB7E00;
}
#jeunes_monde .theme_121 .tmpl_convention_dit a {
	color:#B16000;
}
#jeunes_monde .theme_122 .tmpl_convention_dit {
	background-color:#FFE5BF;
}
#jeunes_monde .theme_122 .tmpl_convention_dit .titre {
	background-color:#FF9600;
}
#jeunes_monde .theme_122 .tmpl_convention_dit a {
	color:#FF9600;
}
#jeunes_monde .theme_123 .tmpl_convention_dit {
	background-color:#D5ECD4;
}
#jeunes_monde .theme_123 .tmpl_convention_dit .titre {
	background-color:#33A02C;
}
#jeunes_monde .theme_123 .tmpl_convention_dit a {
	color:#33A02C;
}

#jeunes_monde .theme .tmpl_convention_dit a:hover {
	color:#000;
}


/* FORMULAIRE
-----------------------------------------*/
#jeunes_monde a#btn_inscris_toi_interieur {
	float:right;
}

#jeunes_monde a#btn_inscris_toi_interieur_bas {
	display:block;
	width:154px;
	margin:12px auto 0 auto;
}

#jeunes_monde a#btn_inscris_toi_interieur .over,
#jeunes_monde a#btn_inscris_toi_interieur_bas .over {
	position:absolute;
	visibility:hidden;
}

#jeunes_monde a#btn_inscris_toi_interieur:hover,
#jeunes_monde a#btn_inscris_toi_interieur_bas:hover {
	background:none;
}

#jeunes_monde a#btn_inscris_toi_interieur:hover .over,
#jeunes_monde a#btn_inscris_toi_interieur_bas:hover .over {
	visibility:visible;
}

#jeunes_monde #inscription h1#section_nom {
	border-bottom:1px solid #4F4F4F;
	padding-bottom:2px;
	margin-bottom:10px;
}

#jeunes_monde #inscription h1#section_nom div {
	margin-top:4px;
}

#jeunes_monde #inscription h1#section_nom .mode_inscription {
	margin-top:10px;
}

#jeunes_monde #inscription h1#section_nom a {
	font:bold 0.68em/1.2em Arial, Verdana, sans-serif;
	color:#009fd1;
	text-decoration:none;
}

#jeunes_monde #inscription h1#section_nom a span {
	text-decoration:underline;
}

#jeunes_monde #inscription h1#section_nom a:hover {
	color:#000;
}

#jeunes_monde #inscription form {
	margin:0;
}

#jeunes_monde #inscription form td {
	padding-bottom:6px;
	vertical-align:top;
}

#jeunes_monde #inscription label {
	font-weight:bold;
	color:#292929;
}

#jeunes_monde #inscription label span {
	font-weight:normal; /* Pour IE6, sinon les * sont bizarres */
}

#jeunes_monde #inscription input,
#jeunes_monde #inscription textarea {
	border:0;
	padding:3px 2px;
	font:1em/1.2em Arial, Verdana, sans-serif;
}

#jeunes_monde #inscription .bouton {
	margin-top:10px;
	padding-top:3px;
	border-top:1px solid #4F4F4F;
}

#jeunes_monde #inscription .bouton input {
	float:right;
	background-color:#34B3D1;
	padding:4px 10px;
	font-weight:bold;
}

#jeunes_monde #inscription .message_erreur {
	background-color:#fff;
}

#jeunes_monde #inscription label.erreur {
	color:#FF0000;
}

#jeunes_monde #inscription .message_succes {
	background-color:#fff;
}

#jeunes_monde #inscription #poste {
	margin-top:18px;
}

#jeunes_monde #inscription .mode_inscription {
	color:#292929;
	font:bold 14px/18px Arial, Verdana, sans-serif;
}


/* ACTIONS
-----------------------------------------*/
#jeunes_monde .actions {
	margin:6px 0 0 12px;
}

#jeunes_monde .actions a {
	float:left;
}

#jeunes_monde .actions a#imprimer {
	margin:6px 20px 0 0;
}

#jeunes_monde .actions a#envoyer {
}

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

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

#jeunes_monde .actions a:hover .over {
	visibility:visible;
}