@charset "utf-8";

/* Table des matières */
/* ----------------------------------------------------------------------
	1= Structure générale du document
	
	2= ACCUEIL
		2.1= Stucture et habillage du cadre de l'accueil
		2.2= typo de l'accueil
		2.3= éléments de l'accueil
		2.4= Niveau 2
		2.5= Carnet bienvenu
		2.6= Activités
		2.7= Section "à propos de..." 
		
	3= Typo générale
	
	4= CONSOLE
		4.1= Stucture et habillage du cadre de l'accueil
		4.2= Généralités des formulaire de la console
			4.2.1= Popup calendrier
		4.3= éléments de la console
			4.3.1= éléments de la console (page des soumissions de travaux)
*/

/* ------------------------------------------------------------------------
	1= Strucure du document
------------------------------------------------------------------------ */
html, body {
    height: 100%;
}
form {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-size: 74%;			/****************************** Vérifier la taille du texte******************************/
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	background: #E3ECAD url(../../img/accueil/acc_mosaic.gif) left top repeat;
}
#page {
	position: relative;
	width: 747px;
	height: auto;
	min-height: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
	vertical-align: top;
	background: url(../../img/accueil/acc_fond_vert.gif) center top repeat-y;
}
/* Tableau de 3 colonne contenant les onglets de côté et le contenu central */
#frame {
	width: 747px;
	height: auto;
	text-align: left;
	vertical-align: top;
}
#frame td.cote {
	width: 23px;
	text-align: left;
	vertical-align: top;
}
#frame td.centre {
	width: 701px;
	text-align: left;
	vertical-align: top;
}
/* ------------------------------------------------------------------------
	2= ACCUEIL
	2.1= Stucture et habillage du cadre de l'accueil
------------------------------------------------------------------------ */
.txt_italic {
	font-style: italic;
}
.txt_gras {
	font-weight: bold;
}
.txt_enlever_gras {
	font-weight: normal;
}

#cadre_acc {
	width: 701px;
	margin: 0;
	padding: 0;
	background: url(../../img/accueil/c_acc_centre.gif) repeat-y left top;	
}
#cadre_acc .pied {
	padding: 0 0 128px 0;
	background: url(../../img/accueil/c_acc_bas.gif) no-repeat left bottom;
}
#cadre_acc .pied_ins {
	padding: 0 0 128px 0;
	background: url(../../img/accueil/c_acc_bas_ins.gif) no-repeat left bottom;
}
#cadre_acc .wrap {
	min-height: 217px;
	background: url(../../img/accueil/c_acc_haut.gif) no-repeat left top;
	padding: 22px 10px 0 20px;
}
#cadre_acc .wrap_niv2 {
	min-height: 133px;
	background: url(../../img/niv2/c_niv2_haut.gif) no-repeat left top;
	padding: 22px 10px 0 20px;
}
#cadre_acc .wrap_niv2_sans_titre {
	min-height: 133px;
	background: url(../../img/niv2/c_niv2_haut_sans_titre.gif) no-repeat left top;
	padding: 22px 10px 0 20px;
}
#cadre_acc .wrap_niv2_plan {
	min-height: 133px;
	background: url(../../img/niv2/c_niv2_haut_plan.gif) no-repeat left top;
	padding: 22px 10px 0 20px;
}
#cadre_acc .wrap_niv2_a_propos {
	min-height: 133px;
	background: url(../../img/niv2/c_niv2_haut_a_propos.gif) no-repeat left top;
	padding: 22px 10px 0 20px;
}
#cadre_acc .wrap_niv2_visite {
	min-height: 133px;
	background: url(../../img/niv2/c_niv2_haut_visite.gif) no-repeat left top;
	padding: 22px 10px 0 20px;
}
#cadre_acc .wrap_niv2_joindre {
	min-height: 133px;
	background: url(../../img/niv2/c_niv2_haut_joindre.gif) no-repeat left top;
	padding: 22px 10px 0 20px;
}
#cadre_acc .wrap_niv2_liens {
	min-height: 133px;
	background: url(../../img/niv2/c_niv2_haut_liens.gif) no-repeat left top;
	padding: 22px 10px 0 20px;
}
#cadre_acc .wrap_niv2_tp_eleves {
	min-height: 133px;
	background: url(../../img/niv2/c_niv2_haut_tp_eleves.gif) no-repeat left top;
	padding: 22px 10px 0 20px;
}

#logo_trafic a, #logo_trafic a:hover {
	display: block;
	width: 79px;
	height: 43px;
	position: relative;
	top: -62px;
	left: 625px;
	background: url(../../img/accueil/logo_trafic3w.gif) no-repeat left top;
}

/* Tableau de 3 colonnes de l'acueil */
#tab_acc {
	width: 671px;
}
#tab_acc td.gauche {
	width: 148px;
	text-align: left;
	vertical-align: top;
	padding: 130px 48px 0 0;
	margin: 0;
}
#tab_acc td.gauche_niv2 {
	width: 148px;
	text-align: left;
	vertical-align: top;
	padding: 0 0 0 0;
	margin: 0;
}
#tab_acc td.centre {
	width: 255px;
	text-align: left;
	vertical-align: top;
	padding: 218px 0 0 0;
	margin: 0;
}
#tab_acc td.droite {
	width: 220px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
#tab_acc td.droite_niv2 {
	width: 475px;
	text-align: left;
	vertical-align: top;
	padding: 0 19px 0 0;
	margin: 0;
}
/* Onglet gauche */
.acc_onglet_gauche {
	position: relative;
	top: 137px; 
	left: 14px;
	width: 19px;
	height: 94px;
	background: url(../../img/accueil/onglet_gauche.gif) no-repeat top left;
}

/* ------------------------------------------------------------------------
	2.2= typo de l'accueil
------------------------------------------------------------------------ */
.tbl_insc {
	font-size: 0.9em;
}
/* ------------------------------------------------------------------------
	2.3= éléments de l'accueil
------------------------------------------------------------------------ */
/* Concours du Carnet */
#img_col_gauche {
	width: 260px;
	height: 184px;
	float: left;
}
/* À propos du Carnet */
.bt_acc_propos a {
	display: block;
	width: 148px;
	height: 21px;
	background: url(../../img/accueil/bt_propos.gif);
}
.bt_acc_propos_on {
	width: 148px;
	height: 21px;
	margin: 0 0 9px 0;
	padding: 0;
	background: url(../../img/accueil/bt_propos_on.gif) no-repeat;	
}
.sous_menu {
	margin: 0 0 9px 16px;
	padding: 0 0 0 13px;
	font-size: 0.9em;
	color: #4D4D4D;
	background: url(../../img/accueil/puce_bleu.gif) no-repeat left;
}
.gauche_niv2 .sous_menu a {
	text-decoration: none;
}
.bt_acc_propos a:hover {
	background: url(../../img/accueil/bt_propos_over.gif);	
}

/* Visite guidée */
.bt_acc_visite a {
	display: block;
	width: 148px;
	height: 21px;
	background: url(../../img/accueil/bt_visite.gif);	
}
.bt_acc_visite_on {
	width: 148px;
	height: 21px;
	margin: 0;
	padding: 0;
	background: url(../../img/accueil/bt_visite_on.gif) no-repeat;	
}
.bt_acc_visite a:hover {
	background: url(../../img/accueil/bt_visite_over.gif);	
}
.ul_moins_marge_top {
	margin-top: 3px;
}
.icone_tache {
	margin-top: 5px;
}
.icone_tache_img {
	float:left;
	width: 18px;
	margin: 0 10px 0 29px;
}
.icone_tache_txt {
	float:left;
}
.visite_li_img {
	margin-top: 25px;
}
.visite_img {
	border: 0px;
}
#body_visite_img_gros {
	background: none;
	background-color: #FFFFFF;
}
/* Ressources et liens */
.bt_acc_ress a {
	display: block;
	width: 148px;
	height: 38px;
	background: url(../../img/accueil/bt_ress.gif);	
}
.bt_acc_ress_on {
	width: 148px;
	height: 38px;
	margin: 0;
	padding: 0;
	background: url(../../img/accueil/bt_ress_on.gif) no-repeat;	
}
.bt_acc_ress a:hover {
	background: url(../../img/accueil/bt_ress_over.gif);	
}
/* Travaux d'élèves */
.bt_acc_tp_eleves a {
	display: block;
	width: 148px;
	height: 21px;
	background: url(../../img/accueil/bt_tp_eleves.gif);	
}
.bt_acc_tp_eleves {
	width: 148px;
	height: 21px;
	margin: 0;
	padding: 0;
	background: url(../../img/accueil/bt_tp_eleves_on.gif) no-repeat;	
}
.bt_acc_tp_eleves a:hover {
	background: url(../../img/accueil/bt_tp_eleves_over.gif);	
}

/* Cadre enseignant */
#c_acc_ens {
	float: left;
	width: 148px;
	height: 311px;
	margin: 28px 0 20px 0;
	background: url(../../img/accueil/c_ens.gif) no-repeat left top;
}
#c_acc_ens_sansConcours {
	float: left;
	width: 148px;
	height: 242px;
	margin: 28px 0 20px 0;
	background: url(../../img/accueil/c_ens_sansConcours.gif) no-repeat left top;
}
#c_acc_ens .wrap, #c_acc_ens_sansConcours .wrap {
	width: auto;
	height: auto;
	margin: 0;
	padding: 154px 0 0 28px;
	background: none;
}
#ens_concours, #icone_pdf {
	border: none;
}
/* Lien avec puce bibite */
.bibite_orange {
	height: 18px;
	padding: 2px 0 0 21px;
	margin: 0 0 6px 0;
	color: #009AC9;
	background: url(../../img/accueil/puce_bibite_orange.gif) no-repeat left top;
	font-size: 0.9em;
}
.puce_pomme {
	height: 18px;
	padding: 2px 0 0 21px;
	margin: 0 0 6px 0;
	color: #009AC9;
	background: url(../../img/niv2/th_carnet/puce_pom.gif) no-repeat left;
	font-size: 0.9em;
}
.bibite_orange_fld {
	height: 18px;
	padding: 2px 0 0 21px;
	margin: 0 0 6px 0;
	color: #009AC9;
	background: url(../../img/accueil/puce_bibite_orange2.gif) no-repeat left top;
	font-size: 0.9em;
}
.bibite_orange_petit_sup {
	height: 18px;
	padding: 2px 0 0 24px;
	margin: 0 0 6px 0;
	color: #009AC9;
	background: url(../../img/accueil/puce_bibite_orange_sup.gif) no-repeat left top;
}
.grosse_bibite_orange {
	width: 300px;
	height: 26px;
	padding: 10px 0 0 40px;
	margin: 18px 0 0 0;
	color: #009AC9;
	background: url(../../img/accueil/grosse_bibite_orange.gif) no-repeat left top;
	font-size:1em;
}
.bibite_orange_conf_sup {
	width: 300px;
	height: 26px;
	padding: 10px 0 0 40px;
	margin: 20px 0 10px 50px;
	color: #009AC9;
	background: url(../../img/accueil/grosse_bibite_orange.gif) no-repeat left top;
	font-size:1em;
}
.bibite_orange_ann_sup {
	width: 300px;
	height: 26px;
	padding: 10px 0 0 40px;
	margin: 0 0 0 50px;
	color: #009AC9;
	background: url(../../img/accueil/grosse_bibite_orange_flg.gif) no-repeat left top;
	font-size:1em;
}
.bibite_orange_modifier {
	width: 130px;
	height: 26px;
	padding: 10px 0 0 35px;
	margin: 30px 0 0 0;
	color: #009AC9;
	background: url(../../img/accueil/grosse_bibite_orange.gif) no-repeat left top;
	font-size:1em;
}
.bibite_orange_suppression {
	width: 130px;
	height: 26px;
	padding: 10px 0 0 35px;
	margin: 10px 0 0 0;
	color: #009AC9;
	background: url(../../img/niv2/activites/bibite_orange_suppression.gif) no-repeat left top;
}
.bibite_orange a:link, .grosse_bibite_orange a:link, bibite_orange_suppression a:link, .bibite_orange_modifier a:link {
	color: #009AC9;
	text-decoration: underline;
}
.bibite_orange a:visited, .grosse_bibite_orange a:visited, .bibite_orange_suppression a:visited, 
.bibite_orange_modifier a:visited {
	color: #009AC9;
	text-decoration: underline;
}
.bibite_orange a:hover, .grosse_bibite_orange a:hover, .bibite_orange_suppression a:hover, 
.bibite_orange_modifier a:hover {
	color: #69C3E1;
	text-decoration: underline;
}
.bibite_orange a:active, .grosse_bibite_orange a:active, .bibite_orange_suppression a:active, 
.bibite_orange_modifier a:active {
	color: #69C3E1;
	text-decoration: underline;
}
.indent {
	margin: 0 0 0 50px;
}
.indent2 {
	margin: 0 0 0 25px;
}
.indent_w138 {
	margin: 0 0 0 42px;
}

.bibite_bleu {
	padding: 0 0 0 15px;
	margin: 0 0 6px 0;
	color: #F36B14;
	background: url(../../img/accueil/puce_bibite.gif) no-repeat left top;
	font-size: 0.9em;
}
.bibite_bleu a:link {
	color: #F36B14;
	text-decoration: none;
}
.bibite_bleu a:visited {
	color: #F36B14;
	text-decoration: none;
}
.bibite_bleu a:hover {
	color: #69C3E1;
	text-decoration: underline;
}
.bibite_bleu a:active {
	color: #69C3E1;
	text-decoration: underline;
}

#minscrire {
	margin: 8px 0 0 0;
	font-size: 1.1em;
}
#modif_fiche {
	margin: 8px 0 0 0;
	font-size: 1.1em;
	text-decoration: underline;
}
.txt_bulle_ens {
	padding: 0 0 12px 0;
}

/* Cadre pointillé */
#c_acc_point {
	float: left;
	width: 139px;
	margin: 0 0 15px 9px;
	padding: 0 0 0 0;
	background: url(../../img/accueil/c_point_centre.gif) repeat-y left top;	
}
#c_acc_point .pied {
	padding: 0 0 15px 0;
	background: url(../../img/accueil/c_point_bas.gif) no-repeat left bottom;
}
#c_acc_point .entete {
	min-height: 15px;
	background: url(../../img/accueil/c_point_haut.gif) no-repeat left top;
	padding: 15px 12px 0 12px;
}
#c_acc_point .gros_bleu {
	color: #009AC9;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* note de bas de page sur la forme masculine */
.note_forme {
	margin: 0;
	padding: 19px 0 0 0;
	color: #8D8D8D;
	font-size: 0.8em;
	text-align: center;
}

/* Boutons nav droite */
/* Plan du site */
.bt_acc_plan a {
	display: block;
	width: 78px;
	height: 18px;
	margin: 0 0 6px 0;
	background: url(../../img/accueil/bt_plan.gif);
}
/* Nous joindre */
.bt_acc_joindre a {
	display: block;
	width: 78px;
	height: 18px;
	margin: 0 0 0 0;
	background: url(../../img/accueil/bt_joindre.gif);	
}
/* Plan du site */
.droite .bt_acc_plan a {
	margin: 0 0 6px 61px;
}
.droite_niv2 .bt_acc_plan a {
	margin: 0 0 6px 357px;
}
/* Nous joindre */
.droite .bt_acc_joindre a {
	margin: 0 0 6px 61px;
}
.droite_niv2 .bt_acc_joindre a {
	margin: 0 0 0 357px;	
}
/* Cadre login */
#c_acc_login {
	float: right;
	width: 167px;
	height: 139px;
	margin: 38px 0 0 0;
	background: url(../../img/accueil/c_login.gif) no-repeat right top;
}
#c_acc_login .wrap {
	width: auto;
	height: auto;
	margin: 0;
	padding: 48px 11px 0 15px;
	background: none;
}
/* Input field du login */
#c_acc_login input.field {
	width: 136px;
	height: 18px;
	padding: 0;
	margin: 0;
	border: 1px solid #90B154;
	font-size: 0.9em;
}
.input_id {
	height: 39px;
	padding: 0;
	margin: 0;
}
.input_psw {
	height: 25px;
	padding: 0;
	margin: 0;
}	
/* Bouton du login */
/* Mot de passe oublié */
.bt_acc_oublie a {
	float: left;
	width: 56px;
	height: 18px;
	margin: 0;
	padding: 0;
	background: url(../../img/accueil/bt_oublie.gif);	
}
/* Entrer */
.bt_acc_entrer {
	float: left;
	width: 65px;
	height: 15px;
	padding: 0 0 0 0;
	margin: 8px 0 0 20px;	
}

/* Personnage "Je veux m'inscrire" */
.perso_inscrire a {
	float: right;
	width: 154px;
	height: 158px;
	margin: 0 18px 23px 0;
	background: url(../../img/accueil/perso_inscrire.gif) no-repeat;
}
.perso_inscrire a:hover {
	float: right;
	width: 154px;
	height: 158px;
	margin: 0 18px 23px 0;
	background: url(../../img/accueil/perso_inscrire_over.gif) no-repeat;
}
/* Cadre croche */
#c_acc_croche {
	float: right;
	width: 151px;
	margin: 0 0 23px 0;
	padding: 0 22px 0 0;
	background: url(../../img/accueil/c_croche_centre.gif) repeat-y left top;	
}
#c_acc_croche .pied {
	padding: 0 0 18px 0;
	background: url(../../img/accueil/c_croche_bas.gif) no-repeat left bottom;
}
#c_acc_croche .entete {
	min-height: 76px;
	background: url(../../img/accueil/c_croche_haut.gif) no-repeat left top;
	padding: 20px 16px 0 16px;
}
#c_acc_croche p {
	text-align: center;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
#nouveau_jeu {
	float: right;
	/*width: 147px;
	height: 134px;*/
	width:132px;
	height:172px;
	margin: 0 23px 0 0;
	background: url(../../img/accueil/15_jeux.gif) no-repeat right top;
}
.gris {
	color: #8D8D8D;
}
.nom_champ_form {
	color: #006C8B;
}
.info_supp {
	font-size: 0.9em;
	color:#999999;
}
.lbl_citation {
	color: #006C8B;
	width: 160px;
	float: left;
}
#txtcitation {
	width: 412px;
	height: 161px;
	border: 1px solid #62C0DF;
	color: #000000;
}

/*Page travaux publiés*/
.tbl_travaux_pub {
	border-collapse: collapse;
	font-size: 0.9em;
}
.tbl_travaux_pub td, .tbl_travaux_pub th {
	padding: 0 0 0 5px;
	border: 1px solid #009AC9;
}
.td_travaux_pub {
	margin: 10px 10px 10px 0;
}
/* ------------------------------------------------------------------------
	2.4= Niveau 2
------------------------------------------------------------------------ */
/* Bouton accueil niveau 2 */
.gauche_niv2 .bt_accueil {
	position: relative;
	display: block;
	top: -12px;
	left: 12px;
	width: 74px;
	height: 72px;
	padding: 0;
	margin: 0 0 58px 0;
}

/*Espacement en bas du titre de l'entête*/
.espace_apres_titre {
	padding: 0;
	margin: 0 0 73px 0;
}
.espace_apres_titre_sans_tbl {
	padding: 0;
	margin: 0 0 88px 0;
}
/*formulaire de la fiche*/
#form_fiche_util {
	width: 504px;
	padding: 0 0 0 160px;
}
#id_util {
	font-weight: bold;
}
/* ------------------------------------------------------------------------
	2.5= Carnet bienvenu
------------------------------------------------------------------------ */

#cadre_carnet {
	width: 701px;
	margin: 0;
	background: url(../../img/niv2/c_carnet_centre.gif) repeat-y left top;	
}
#cadre_carnet .pied {
	margin: 0;
	padding: 0 0 160px 0;
	background: url(../../img/niv2/c_carnet_bas.gif) no-repeat left bottom;
}
#cadre_carnet .wrap {
	min-height: 135px;
	background: url(../../img/niv2/c_carnet_haut.gif) no-repeat left top;
	padding: 10px 10px 0 27px;
	margin: 0;
}

/* Entête de niveau 2 carnet */
#entete_niv2_carnet {
	width: 664px;
	height: 111px;
	margin: 0;
	padding: 0;
}
#cadre_carnet .bt_accueil {
	position: relative;
	float: left;
	display: block;
	top: 0px;
	left: -21px;
	width: 90px;
	height: 111px;
	padding: 0;
	margin: 0;	
}

.bt_cont_carnet a {
	position: relative;
	z-index: 90;
	float: left;
	display: block;
	top: 12px;
	left: 170px;
	width: 112px;
	height: 18px;
	margin: 0;
	padding: 0;
	background: url(../../img/niv2/bt_cont_carnet.gif) no-repeat top left;
}
.plan_li_sans_puce {
	list-style: none;
	margin-bottom: 8px;
}
.plan_element .plan_li_sans_puce {
	margin-top: 4px;
}
.plan_element {
	margin-bottom: 18px;
}

/* Positionnement du lien "ma fiche utilisateur"  */
#entete_niv2_carnet .lien_fiche_pos_bt_carnet {
	float: left;
	top: 15px;
	left: 149px;
}

/*Les 3 onglets de choix de thèmes*/
.onglets {
	position: relative;
	float: left;
	left: 174px;
	top: 26px;
	width: 349px;
	height: 55px;
	margin: 0;
	padding: 0;
}
.ong_dec_cult a {
	float: left;
	width: 113px;
	height: 43px;
	margin: 0;
	padding: 0 0 0 5px;
	background:url(../../img/niv2/bt_dec_culture.gif) no-repeat;
}
.ong_dec_cult a:hover {
	background:url(../../img/niv2/bt_dec_culture_over.gif) no-repeat;
}
.ong_dec_cult_on a {
	position: relative;
	float: left;
	left: 0;
	top: -10px;
	width: 113px;
	height: 55px;
	margin: 0;
	padding: 0 0 0 5px;
	background:url(../../img/niv2/th_carnet/bt_dec_culture_on.gif) no-repeat;
}
.ong_dec_arts a {
	float: left;
	width: 113px;
	height: 43px;
	margin: 0;
	padding: 0 0 0 5px;
	background:url(../../img/niv2/bt_dec_arts.gif) no-repeat;
}
.ong_dec_arts a:hover {
	background:url(../../img/niv2/bt_dec_arts_over.gif) no-repeat;
}
.ong_dec_arts_on a {
	position: relative;
	float: left;
	left: 0;
	top: -10px;
	width: 113px;
	height: 55px;
	margin: 0;
	padding: 0 0 0 5px;
	background:url(../../img/niv2/th_carnet/bt_dec_arts_on.gif) no-repeat;
}
.ong_vie_cult a {
	float: left;
	width: 113px;
	height: 43px;
	margin: 0;
	padding: 0;
	background:url(../../img/niv2/bt_vie_culturelle.gif) no-repeat;
}
.ong_vie_cult a:hover {
	background:url(../../img/niv2/bt_vie_culturelle_over.gif) no-repeat;
}
.ong_vie_cult_on a {
	position: relative;
	float: left;
	left: 0;
	top: -10px;
	width: 113px;
	height: 55px;
	margin: 0;
	padding: 0;
	background:url(../../img/niv2/th_carnet/bt_vie_cult_on.gif) no-repeat;
}

/* Entête de la partie contenue*/
.entete_cont {
	width: 664px;
	margin: 0 0 7px 0;
	padding: 0;
}

/* Image du petit bonhomme*/
.zone_pers_intro {
	position: relative;
	float: left;
	top: -9px;
	left: 0px;
	width: 160px;
	height: 120px;
	margin: 0;
}
.pers1 {
	background: url(../../img/niv2/petit_homme.gif) no-repeat 30px 0;
}
.pers2 {
	background: url(../../img/niv2/th_carnet/ph_dec_cult.gif) no-repeat 30px 8px;
}
.pers3 {
	background: url(../../img/niv2/th_carnet/ph_dec_arts.gif) no-repeat 20px 0;
}
.pers4 {
	background: url(../../img/niv2/th_carnet/ph_vie_cult.gif) no-repeat 30px 0;
}
.grosse_pomme_prof {
	background: url(../../img/niv2/activites/grosse_pomme.gif) no-repeat 30px 40px;
}

.bloc_ress_et_liens {
	margin: 20px 0 0 13px;
}

/* Entête (le texte) de la partie contenue*/
.entete_cont .intro {
	float: left;
	width: 438px;
	margin: 0;
	padding: 26px 0 0 0;
}

/* Les trois thèmes*/
#choix_theme {
	width: 664px;
	margin: 0;
	padding: 0;
}
.c_culture {
	float: left;
	width: 214px;
	margin: 0 2px 0 0;
	padding: 0;
	color: #006C8D;
	font-size: 0.9em;
	background: url(../../img/niv2/c_culture_centre.gif) repeat-y left top;
}
#cadre_carnet .c_culture .pied {
	margin: 0;
	padding: 0 0 35px 0;
	background: url(../../img/niv2/c_culture_bas.gif) no-repeat left bottom;
}

#choix_theme .wrap {
	min-height: 125px;
	margin: 0;
	padding: 120px 15px 0 15px;
}
#choix_theme .wrap2 {
	min-height: 110px;
	margin: 0;
	padding: 120px 15px 0 15px;
}
#choix_theme .wrap3 {
	min-height: 65px;
	margin: 0;
	padding: 120px 15px 0 15px;
}

/*Découvrir la culture*/
#choix_theme .dec_cult {
	background: url(../../img/niv2/c_dec_culture.gif) no-repeat left top;
}
/*Découvrir les arts*/
#choix_theme .dec_arts {
	background: url(../../img/niv2/c_dec_arts.gif) no-repeat left top;
}
/*Ma vie culturelle*/
#choix_theme .vie_cult {
	background: url(../../img/niv2/c_vie_culturelle.gif) no-repeat left top;
}
.txt_bulle_accueil {
	padding: 0 0 12px 0;
}
#choix_theme .c_culture p a, .c_culture p a:link, .c_culture p a:visited{
	color: #009AC9;
	text-decoration: underline;
}
#choix_theme .c_culture p a:hover, .c_culture p a:active {
	color: #69C3E1;
	text-decoration: underline;
}

/*Groupes de l'élément "je découvre la culture"*/
#choix_theme .dec_cult_gp1 {
	background: url(../../img/niv2/th_carnet/dec_culture_groupe1.gif) no-repeat left top;
}
#choix_theme .dec_cult_gp2 {
	background: url(../../img/niv2/th_carnet/dec_culture_groupe2.gif) no-repeat left top;
}
#choix_theme .dec_cult_gp3 {
	background: url(../../img/niv2/th_carnet/dec_culture_groupe3.gif) no-repeat left top;
}
#choix_theme .dec_cult_gp4 {
	background: url(../../img/niv2/th_carnet/dec_culture_groupe4.gif) no-repeat left top;
}
#choix_theme .dec_cult_gp5 {
	background: url(../../img/niv2/th_carnet/dec_culture_groupe5.gif) no-repeat left top;
}
#choix_theme .dec_cult_gp6 {
	background: url(../../img/niv2/th_carnet/dec_culture_groupe6.gif) no-repeat left top;
}
.gp_liste_act {
	color: #F36B14;
	margin: 0;
	padding: 0;
}
.colg_cult {
	float: left;
	width: 134px;
}
.colg_cult_ens {
	float: left;
	width: 134px;
	margin-bottom: 5px;
}
.colg_cult_ens div {
	float: left;
	margin: 0 0 0 3px;
}
.titre {
	width: 104px;
}
.cold_cult {
	float: right;
	width: 44px;
	height: 16px;
}

.ajout_mar {
	margin: 0 0 6px 0;
}
.bulle_cult_cont1 {
	height: 115px;
}
.bulle_cult_cont2 {
	height: 70px;
}

/*Groupes de l'élément "je découvre les arts"*/
#choix_arts {
	width: 658px;
	margin: 0;
	padding: 0;
}
.c_arts {
	float: left;
	width: 159px;
	margin: 0 2px 0 0;
	padding: 0;
	color: #006C8D;
	font-size: 0.9em;
	background: url(../../img/niv2/th_carnet/c_arts_centre.gif) repeat-y left top;
}
#cadre_carnet .c_arts .pied {
	margin: 0;
	padding: 0 0 30px 0;
	background: url(../../img/niv2/th_carnet/c_arts_bas.gif) no-repeat left bottom;
}

#choix_arts .wrap {
	min-height: 100px;
	margin: 0;
	padding: 120px 12px 0 12px;
	line-height: 10px;
}
#choix_arts a {
	text-decoration: underline;
}
#choix_arts .dec_art_dan {
	background: url(../../img/niv2/th_carnet/dec_arts_danse.gif) no-repeat left top;
}
#choix_arts .dec_arts_mus {
	background: url(../../img/niv2/th_carnet/dec_arts_musique.gif) no-repeat left top;
}
#choix_arts .dec_arts_art_dram {
	background: url(../../img/niv2/th_carnet/dec_arts_art_dram.gif) no-repeat left top;
}
#choix_arts .dec_arts_art_plast {
	background: url(../../img/niv2/th_carnet/dec_arts_art_plast.gif) no-repeat left top;
}
.colg_arts {
	float: left;
	width: 117px;
	margin: 5px 0 0 0;
	padding: 0;
}
/*Dans le cas d'un titre sur 2 lignes*/
.colg_arts2 {
	float: left;
	width: 117px;
	margin:  0;
	padding: 0;
}

.colg_arts_res_peda {
	float: left;
	width: 155px;
	margin: 1px 0 0 0;
	padding: 0;
}
.colg_arts_ens {
	float: left;
	width: 134px;
	margin-bottom: 5px;
}
.colg_arts_ens div {
	float: left;
	margin: 0 0 0 3px;
}
.cold_arts {
	float: left;
	width: 18px;
	height: 16px;
}
/*Dans le cas d'un titre sur 2 lignes*/
.cold_arts2 {
	float: left;
	width: 18px;
	height: 16px;
	margin: 9px 0 0 0;
}

.cold_arts_ens {
	float: left;
	width: 44px;
	height: 16px;

}
.sous_liste_travaux {
	margin-left: 20px;
}

/*Groupes de l'élément "je découvre ma vie culturelle"*/
#choix_vie {
	width: 658px;
	margin: 0;
	padding: 0;
}
.c_vie {
	float: left;
	width: 161px;
	margin: 0 1px 0 0;
	padding: 0;
	color: #006C8D;
	font-size: 0.9em;
	background: url(../../img/niv2/th_carnet/c_vie_centre.gif) repeat-y left top;
}
#cadre_carnet .c_vie .pied {
	margin: 0;
	padding: 0 0 25px 0;
	background: url(../../img/niv2/th_carnet/c_vie_bas.gif) no-repeat left bottom;
}

#choix_vie .wrap {
	min-height: 52px;
	margin: 0;
	padding: 110px 12px 0 12px;
}
#choix_vie .wrap2 {
	min-height: 80px;
	margin: 0;
	padding: 110px 12px 0 12px;
}

#choix_vie .vie_cult_gp1 {
	background: url(../../img/niv2/th_carnet/vie_cult_gp1.gif) no-repeat left top;
}
#choix_vie .vie_cult_gp2 {
	background: url(../../img/niv2/th_carnet/vie_cult_gp2.gif) no-repeat left top;
}
#choix_vie .vie_cult_gp3 {
	background: url(../../img/niv2/th_carnet/vie_cult_gp3.gif) no-repeat left top;
}
#choix_vie .vie_cult_gp4 {
	background: url(../../img/niv2/th_carnet/vie_cult_gp4.gif) no-repeat left top;
}
#choix_vie .vie_cult_gp5 {
	background: url(../../img/niv2/th_carnet/vie_cult_gp5.gif) no-repeat left top;
}
#choix_vie .vie_cult_gp6 {
	background: url(../../img/niv2/th_carnet/vie_cult_gp6.gif) no-repeat left top;
}
#choix_vie .vie_cult_gp7 {
	background: url(../../img/niv2/th_carnet/vie_cult_gp7.gif) no-repeat left top;
}
#choix_vie .vie_cult_gp8 {
	background: url(../../img/niv2/th_carnet/vie_cult_gp8.gif) no-repeat left top;
}

.ciseaux {
	float: right;
	width: 9px;
	height: 16px;
	margin: 0 3px 0 0;
	background: url(../../img/niv2/th_carnet/ciseaux.gif) no-repeat;
}
.crayon {
	float: right;
	width: 11px;
	height: 16px;
	margin: 0 3px 0 0;
	background: url(../../img/niv2/th_carnet/crayon.gif) no-repeat;
}
.bonhomme {
	float: right;
	width: 10px;
	height: 16px;
	margin: 0;
	background: url(../../img/niv2/th_carnet/bonhomme.gif) no-repeat;
}
.ordi {
	float: right;
	width: 18px;
	height: 16px;
	margin: 0;
	background: url(../../img/niv2/th_carnet/ordi.gif) no-repeat;
}
.ordi_sans_A {
	float: right;
	width: 18px;
	height: 16px;
	margin: 0;
	background: url(../../img/niv2/th_carnet/ordi_sans_A.gif) no-repeat;
}

.colg_vie {
	float: left;
	width: 93px;
	margin-bottom: 5px;
}
.colg_vie_ens {
	float: left;
	width: 134px;
}
.colg_vie_ens div {
	float: left;
	margin: 0 0 0 3px;
}
.cold_vie {
	float: right;
	width: 44px;
	height: 16px;
}
.bulle_vie_cult_cont1 {
	height: 50px;
}
.bulle_vie_cult_cont2 {
	height: 80px;
}

/* ------------------------------------------------------------------------
	2.6= Activités
------------------------------------------------------------------------ */
#cadre_carnet .wrap_act {
	min-height: 135px;
	background: url(../../img/niv2/activites/c_activite_haut.gif) no-repeat left top;
	padding: 10px 10px 0 27px;
	margin: 0;
}

/*Entete de "Je découvre les arts" pour une activitée*/
.activite_dec_arts a {
	display: block;
	position: relative;
	left: 0;
	top: -10px;
	width: 113px;
	height: 55px;
	margin: 0 0 0 118px;
	padding: 0;
	background:url(../../img/niv2/th_carnet/bt_dec_arts_on.gif) no-repeat;
}
/*Entete de "Ma vie culturelle" pour une activitée*/
.activite_vie_cult a {
	display: block;
	position: relative;
	left: 0;
	top: -10px;
	width: 113px;
	height: 55px;
	margin: 0 0 0 236px;
	padding: 0;
	background:url(../../img/niv2/th_carnet/bt_vie_cult_on.gif) no-repeat;
}

#entete_niv2_carnet .lien_fiche_pos_seul {
	float: left;
	top: 15px;
	left: 261px;
}

/* Bouton espace enseignant sur l'onglet de droite  */
#bt_espace_ens a {
	position: relative;
	width: 24px;
	height: 161px;
	top: 93px; 
	left: -6px;
}

/*Texte explicatif de l'activité*/
.expl {
	width: 633px;
	margin: 0;
	padding: 0 8px 0 8px;
}
.explauto {
	width: auto;
}
.expl img {
	display: block;
	margin: 0 auto 0 auto;
}
.expl p {
	margin: 0 42px 10px 42px;
}
.expl .consignes {
	color: #F36B14;
	font-weight: normal;
}
.bt_imp a{
	display: block;
	position: relative;
	top: -9px;
	left: 0;
	width: 72px;
	height: 21px;
	margin:  0 0 0 556px;
	padding: 0;
	background:url(../../img/niv2/activites/bt_impression.gif) no-repeat left;
	z-index: 90;
}
.instruction {
	color: #F36B14;
	font-size: 1.3em;
}
.consignes {
	color: #F36B14;
	font-weight: bold;
}
.msgConf {
	font-size: 0.9em;
}
#tbl_esp_ens td {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	padding:  5px 10px 5px 10px;
}
#tbl_esp_ens_td1 {
	border-left: 1px solid black;
}

/*Lien pour modifier le texte ou la fiche*/
.modif_txt {
	width: 250px;
	height: 26px;
	padding: 10px 0 0 35px;
	margin: 30px 0 6px 0;
	color: #009AC9;
	background: url(../../img/accueil/grosse_bibite_orange.gif) no-repeat left top;
	font-size: 1em;
}
.ajout {
	padding: 2px 0 0 21px;
	margin: 0 0 15px 0;
	color: #009AC9;
	background: url(../../img/accueil/puce_bibite_orange.gif) no-repeat left top;
	font-size: 0.9em;
}

/*Lien de retour à la page précédente*/
.wrap_act .bibite_orange, .wrap_act .puce_pomme, .bloc_liens_fiches .bibite_orange {
	float: left;
	width: 15px;
	height: 18px;
	margin: 0 10px 0 0;
	padding: 0;
}
.retour_dans_plan {
	font-size: 1em;
}
.bloc_liens {
	float: right;
	margin: 10px 65px 0 0;
	font-size: 0.9em;
}
.bloc_liens_fiches {
	float: right;
	margin: 20px 65px 0 0;
	font-size: 0.9em;
}
#carnet_retour_ens {
	font-size: 1em;
}

/*Cadre bleu contenant l'espace enseignant*/
#zone_grise_transp {
	display: none;
	position: fixed;
	top: 0; 
	left: 0;
	width: 100%; 
	height:100%;
	background-color: #009AC9;
	-moz-opacity: 0.80;
	opacity: 0.80;
	z-index: 96;
}
/* IE specific code: */
#zone_grise_transp { 
	filter:alpha(opacity=80);
}

/*Pour l'espace enseignant*/
#txt_esp_ens {
	display: none;
}
#esp_ens {
	display: none;
	position: absolute;
	top: 10px;
	left: 29px;
	width: 712px;
	margin: 0;
	padding: 0;
	z-index: 97;
}
#esp_ens .haut {
	width: 712px;
	height: 242px;
	background: url(../../img/niv2/activites/c_zone_ens_haut.gif) no-repeat left top;
	padding: 45px 0 0 0;
}
#esp_ens .milieu {
	position: relative;
	top: -134px;
	width: 712px;
	height: 310px;
	background: url(../../img/niv2/activites/c_zone_ens_centre.gif) repeat-y left top;
	margin: 0;
	padding: 0 0 0 40px;
}
#esp_ens .pied {
	position: relative;
	top: -134px;
	width: 712px;
	height: 80px;
	padding: 0;
	background: url(../../img/niv2/activites/c_zone_ens_bas.gif) no-repeat left bottom;
}
.titre_esp_ens {
	float: left;
	padding: 0 0 0 36px;
}
#esp_ens .bt_imp a {
	float: left;
	margin: 13px 14px 0 229px;
	padding: 0;
}
.fermer_esp_ens a {
	float: left;
	width: 104px;
	height: 18px;
	margin: 6px 0 0 0;
	padding: 0;
	background:url(../../img/niv2/activites/bt_fermer_esp_ens.gif) no-repeat left;
}

#esp_ens h1 {
	margin: 0 0 10px 0;
	padding: 0px;
}
#esp_ens_contenu {
	display: none;
	width: 617px;
	height: 253px;
	margin: 0;
	padding: 22px 0 0 0;
	overflow: auto;
	z-index: 100;
}

/*Le contenu de l'espace enseignant*/
#esp_ens_contenu ol, #esp_ens_contenu ul {
	margin: 10px 0 7px 8px;
	padding: 0;
}
#esp_ens_contenu li {
	list-style: none;
}
#esp_ens_contenu .instructions, .public .instructions {
	margin: 0;
	padding: 5px 15px 6px 24px;
	background: transparent url(../../img/niv2/th_carnet/puce_pom.gif) no-repeat 0 5px;
}
.propos {
	margin: 0;
	padding: 0 15px 0 22px;
	list-style: none;
	background: transparent url(../../img/niv2/th_carnet/puce_losange_plein.gif) no-repeat 0 5px;
}

.expl_propos {
	margin: 0;
	padding: 0 0 0 22px;
	background: transparent url(../../img/niv2/th_carnet/puce_losange_vide.gif) no-repeat 0 5px;
}
.instructions .propos {
	margin: 0 0 0 6px;
}
.instructions .expl_propos {
	margin: 0 0 0 40px;
}

#esp_ens_contenu .consignes {
	margin: 0 0 12px 0;
}
.autre_sugg {
	font-size: 1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8EA013;
}
.autre_sugg img {
	margin: 0 5px 0 0;
}

/*La zone de l'activité*/
#cadre_carnet .zone_act {
	width: 624px;
	margin: 0;
	padding: 0 0 0 25px;
}
/*Cadre bleu contenant la zone de l'activité*/
#cadre_carnet .c_zone_act {
	width: 647px;
	margin: 0;
	padding: 0;
	background: url(../../img/niv2/activites/c_zone_act_centre.gif) repeat-y left top;
}
#cadre_carnet .c_zone_act .pied {
	margin: 0;
	padding: 0 0 31px 0;
	background: url(../../img/niv2/activites/c_zone_act_bas.gif) no-repeat left bottom;
}

#cadre_carnet .c_zone_act .wrap {
	min-height: 160px;
	margin: 0;
	padding: 36px 25px 0 25px;
	background: url(../../img/niv2/activites/c_zone_act_haut.gif) no-repeat left top;
}

.titre_in_bulle {
	margin: 0 0 15px 0;
}

/*Cadre en forme de cahier avec spirales dans le haut*/
#c_zone_act_cahier {
	width: 551px;
	margin: 0 23px 0 23px;
}
#cadre_carnet #c_zone_act_cahier .haut {
	width: 551px;
	height: 104px;
	margin: 10px 0 0 0;
	padding: 0;
	background: url(../../img/niv2/activites/c_fond_carnet_haut.gif) no-repeat left top;
}
#cadre_carnet #c_zone_act_cahier .milieu {
	width: 551px;
	margin: 0;
	padding: 0 0 15px 0;
	background: url(../../img/niv2/activites/c_fond_carnet_centre.gif) repeat-y left top;
}
#cadre_carnet #c_zone_act_cahier .pied {
	width: 551px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: url(../../img/niv2/activites/c_fond_carnet_bas.gif) no-repeat left bottom;
}

/*Cadre en pointillé pour le carton d'invitation*/
#c_zone_carton {
	width: 602px;
	margin-left: auto;
	margin-right: auto;
}
#cadre_carnet #c_zone_carton .haut {
	width: 602px;
	height: 105px;
	margin: 30px 0 0 0;
	padding: 0;
	background: url(../../img/niv2/activites/c_carton_haut.gif) no-repeat left top;
}
#remonte_cont {
	position: relative;
	top: -45px;
	left: 0px;
}
#c_zone_carton .lblEtChamps_w138 {
	width: 532px;
	margin: 0 35px 20px 35px;
}
#c_zone_carton .lbl_en_image_w138 {
	float: left;
	height: 29px;
	margin: 0 10px 0 0;
}
.lblEtChamps_w138 .carton_champs {
	float: left;
	padding: 9px 0 0 0;
	font-weight: bold;
}
.lblEtChamps_w138 #carton_champs_A {
	float: left;
	padding: 9px 0 0 0;
	font-weight: bold;
	font-size: 1.4em;
}
#cadre_carnet #c_zone_carton .milieu {
	width: 602px;
	margin: 0;
	padding: 0 0 15px 0;
	background: url(../../img/niv2/activites/c_carton_milieu.gif) repeat-y left top;
}
#cadre_carnet #c_zone_carton .pied {
	position: relative;
	top: -45px;
	left: 0;
	width: 602px;
	height: 75px;
	margin: 0;
	padding: 0 0 20px 0;
	background: url(../../img/niv2/activites/c_carton_bas.gif) no-repeat left bottom;
}
/*Pour centrer les extraits vidéos dans les popup ouverts par le flash*/
.flash_popup {
	margin-left: 134px;
	margin-right: 134px;
	margin-top: 20px;
}
.flash_popup2 {
	margin-left: 112px;
	margin-right: 112px;
	margin-top: 20px;
}
.fermer_popup a {
	float: right;
	width: 104px;
	height: 18px;
	margin: 0;
	padding: 0;
	background:url(../../img/niv2/activites/bt_fermer_esp_ens.gif) no-repeat left;
}
.fermer_popup {
	margin: 120px 40px 0 0;
	padding: 0;
}

.tableliste_ad1 {
	border: 1px solid #69C3E1;
	color: #4D4D4D;
	font-size: 0.9em;
}
.tableliste_ad1 .entete_tbl_liste_ad1 {
	padding-top: 4px;
}
.ul_tableliste_ad1 {
	margin: 0 15px 0 15px;
	padding-left: 0;
}
.nomCommedia {
	font-size: 1.4em;
	font-weight: bold;
}
.roleCommedia {
	color: #f36b14;
	font-weight: bold;
}
/********************************************/

.bt_enr a {
	display: block;
	width: 63px;
	height: 70px;
	margin: 18px 0 0 0;
	background:url(../../img/niv2/activites/bt_enregistrer.gif) no-repeat left bottom;
}
.bt_enr_ens a {
	display: block;
	width: 63px;
	height: 70px;
	margin: 18px 0 0 20px;
	background:url(../../img/niv2/activites/bt_enregistrer.gif) no-repeat left bottom;
}
.c_zone_act .bibite_orange {
	width: auto;
	padding: 2px 0 0 21px;
	margin: 18px 0 0 0;
	font-size: 1em;
}
.img_id_cult {
	border: 1px solid #62C0DF;
}

.le_formu {
	margin: 10px 75px 0 75px;
}
.formu_act_w13 {
	margin: 0 0 15px 0;
}

.tbl_img_id_cult {
	margin: 10px 75px 0 75px;
}
.tbl_img {
	margin: 0 auto 20px auto;
}
.tbl_img_id_cult div, .tbl_img div {
	margin: 3px 0 3px 0;
}
.plieu {
	padding: 16px 0 0 0;
}

/*Erreur dans l'upload de l'image*/
.imgErr {
	color: #FF0000;
}
.imgErrInput {
	background-color: #FF0000;
}
.upFichier a, .upFichier a:hover {
	text-decoration: none;
}

/*Particuliarité de l'activité w112*/
.expl h1 {
	margin: 0 42px 0 42px;
}
.instructions {
	margin: 0 42px 0 0;
	padding: 3px 15px 6px 24px;
	list-style: none;
	background: transparent url(../../img/niv2/th_carnet/puce_etoile.gif) no-repeat 0 5px;
}
.puce_noire {
	 margin-top: 10px; 
	 list-style-image: url(../../img/niv2/th_carnet/puce_noir.gif)
}
/*Particuliarité de l'activité w115*/
#act_cult_mult .entete_tbl {
	font-size: 1.1em;
	color: #F36B14;
	font-weight: bold;
}
#act_cult_mult p {
	margin: 0 0 4px 0;
}
#act_cult_mult .pays {
	color: #006c8d;
	font-weight: bold;
}
#act_cult_mult .pays p {
	text-align: left;
}
#act_cult_mult p {
	font-size: 0.95em;
	text-align: center;
}
#act_cult_mult div {
	width: 116px;
	margin: 0 5px 0 0;
}
#act_cult_mult img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#act_cult_mult .alig_left {
	margin: 0;
	padding: 0;
}

/*Particuliarité de l'activité w118*/
.metier_marg {
	float: left;
	width: 80px;
	margin: 0 20px 10px 0;
}
#txt_fin_metier {
	display: block;
	width: 300px;
	margin: 0 0 0 210px;
	padding: 0 0 20px 0;
}
.bt_rejouer {
	width: 250px;
	height: 52px;
	margin: 0 0 15px 46px;
}
.bt_rejouer a {
	display: block;
	width: 200px;
	margin: 0;
	padding: 18px 0 20px 50px;
	font-size: 0.9em;
	background: url(../../img/niv2/activites/bt_rejouer.gif) no-repeat;
}
#zone_cont_metier h1 {
	margin: 0 0 15px 46px;
}
#util_fin_metier {
	position: relative;
	top: -21px;
	left: -148px;
	width: 191px;
	height: 29px;
	padding: 7px 0 0 0;
	text-align: center;
}
#zone_cont_metier {
	width: 651px;
	margin: 0;
	padding: 0;
}
#c_metier_fin_haut {
	width: 573px;
	min-height: 261px;
	background: url(../../img/niv2/activites/c_metiers_fin_haut.gif) no-repeat left top;
	margin: 0;
	padding: 33px 0 0 0;
}
#c_metier_fin_milieu {
	width: 573px;
	background: url(../../img/niv2/activites/c_metiers_fin_milieu.gif) repeat-y left top;
	margin: 0 0 0 36px;
	padding: 0;
}
#c_metier_fin_bas {
	width: 573px;
	height: 11px;
	margin: 0 0 0 36px;
	padding: 0;
	background: url(../../img/niv2/activites/c_metiers_fin_bas.gif) no-repeat left top;
}

/*Pour les tableaux de montrant les listes de la section 3 (ex: liste de dessins de w131)*/
.zone_act .tableliste, .zone_act .tableliste_ad1 {
	width: 597px;
	margin: 20px 0 20px 0;
}
.entete_tbl_liste, .entete_tbl_liste_ad1 {
	background-color: #009AC9;
}
.zone_act .titre_tbl {
	padding: 2px 0 2px 18px;
}
.zone_act th {
	color: #006C8D;
	padding: 4px 13px 4px 23px;
}
.zone_act .row_alt td, .zone_act .row_alt3 td {
	padding: 4px 13px 4px 23px;
}

/*Pour la section consultation de la liste de la section 3 (ex: liste de dessins de w131)*/
#c_zone_act_cahier .c_zone_dessin {
	width: 447px;
	margin: 0 0 0 22px;
	padding: 5px 5px 10px 5px;
	text-align: center;
}
#c_zone_act_cahier .milieu .cont_z_act_cahier {
	padding: 0 30px 0 30px;
}

#c_zone_act_cahier .milieu .bibite_orange {
	margin: 0 0 14px 30px;
}
.titre_act_w13 {
	margin: 20px 0 10px 50px;
	color: #4D4D4D;
	font-size: 1.4em;
}
.titre_dessin {
	margin: 20px 0 20px 0;
	font-size: 16px;
	font-weight: bold;
	color: #F36B14;
	text-align: center;
}
.date_activite {
	margin: 20px 180px 20px 180px;
}
.titre_texte {
	font-size: 22px;
	font-weight: bold;
}
.date_sous_titre {
	margin: 0 0 50px 0;
}
.lbl_calend {
	float: left;
	margin: 30px 6px 0 0;
}
.lbl_calend2 {
	float: left;
	height: 18px;
	margin: 0 6px 0 0;
}
.lbl_calend3 {
	float: left;
	height: 18px;
	margin: 12px 6px 12px 0;
}
.calend_w137 {
	margin: 12px 0 12px 0;
}
.calend {
	margin: 30px 0 20px 0;
}
.appreciation {
	float: left;
	margin: 0 45px 15px 0;
}

.bt_page_prec a{
	float: left;
	width: 117px;
	height: 23px;
	margin: 0 0 0 147px;
	background: url(../../img/niv2/activites/page_prec.gif) no-repeat left top;
}
.bt_page_suiv a{
	display: block;
	width: 117px;
	height: 23px;
	margin: 0 0 0 285px;
	background: url(../../img/niv2/activites/page_suiv.gif) no-repeat left top;
}
.input_titre, .input_emplacement {
	width: 412px;
}

/*Pour les particularité de l'activité w135*/
.citation {
	font-style: italic;
}
.citation a {
	font-style: normal;
}

/*Pour les particularité de l'activité w136*/
#date_sem_queb {
	text-align: center;
}

/*Pour les particularité de l'activité w138*/
.beau_Moment {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.lblEtChamps_w138 {
	margin: 0 0 8px 0;
	padding: 0;
}

.nom_champ_w138 {
	width: 140px;
	float: left;
	text-align: right;
	color: #006C8B;
}

.field_input_w138, .field_input_w138_petit {
	width: 430px;
	height: 16px;
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #62C0DF;
	color: #000000;
	font-size: 0.9em;
}
.field_input_w138_date {
	width: 110px;
	height: 16px;
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	border: 1px solid #62C0DF;
	color: #000000;
	font-size: 0.9em;
}
.field_input_w138_petit {
	width: 110px;
}

#lbl_txtarea_w138 {
	float: left;
}
#lbl_txtarea_w138 div {
	width: 140px;
	text-align: right;
	color: #006C8B;
}
.field_txtarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 430px;
	height: 84px;
	float: left;
	padding: 0;
	margin: 0;
	border: 1px solid #62C0DF;
	color: #000000;
	font-size: 0.9em;
}
.remonter_w138 {
	position: relative;
	top: -45px;
	left: 0;
}

/************ Particularité de la section 2: "Je découvre les arts" ******************/
#img_w121 {
	display: block;
	width: 533px;
	height: 184px;
	margin: 0 42px 0 42px;
	background: url(../../img/niv2/activites/section2/w121_inTexte.gif) no-repeat;
}
#img_w121 p{
	margin-left: 151px;
}
#img_w123 {
	display: block;
	width: 533px;
	height: 195px;
	margin: 0 42px 0 42px;
	background: url(../../img/niv2/activites/section2/w123_inTexte.gif) no-repeat;
}
#img_w123 p{
	margin-left: 270px;
}
#img_w125 img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*Particuliarité de l'activité w127*/
#img_plast1 {
	padding: 15px 56px 0 93px;
}
.col_gauche {
	float: left;
	width: 205px;
	height: 310px;
	margin: 0 56px 0 0;
	text-align: right;
	font-size: 0.9em;
	color: #036C8C;
}
.col_droite {
	float: left;
	width: 205px;
	height: 310px;
	font-size: 0.9em;
	color: #036C8C;
}
.infos_toiles {
	margin: 10px 0 0 0;
}
#arcimboldo {
	width: 205px;
	height: 296px;
	margin: 0 auto 0 auto;
	text-align: center; 
	font-size: 0.9em;
	color: #036C8C;
}
.inst_centre {
	width: 633px;
	margin: 20px auto 0 auto;
	text-align: center;
}
#lang_plast {
	width: 600px;
	margin: 0 auto 0 auto;
}
#lang_plast_gauche {
	float: left;
	width: 250px;
	margin: 0 60px 0 0;
	text-align: right;
}
#lang_plast_droite {
	float: left;
	width: 250px;
	margin: 0 0 20px 0;
}
.puce_etoile {
	padding: 0 15px 6px 24px;
	background: transparent url(../../img/niv2/th_carnet/puce_etoile.gif) no-repeat 0 2px;
}
#app_oeuvre {
	margin-top: 20px;
}

/*Particuliarité de l'activité w128*/
.nom_periode{
	font-size: 1.4em;
	font-weight: bold;
}
.periode {
	margin: 9px 0 0 0;
}
.nom_oeuvre {
	color: #F36B14;
	font-weight: bold;
}
.txt_oeuvres {
	margin: 9px 0 9px 0;
}
.ligne_entre_oeuvre {
	height: 1px;
	border-bottom: 1px dotted #009AC9;
}
.img_oeuvre {
	margin: 0 0 9px 0;
}

/*Sections resssources et liens pour la section 2*/
.grosse_pomme {
	float: left;
	width: 70px;
	height: 66px;
	background: url(../../img/niv2/activites/grosse_pomme.gif) no-repeat;
}
.titre_liens {
	margin: 41px 0 0 60px;
}
.cont_ressources {
	margin: 25px 50px 0 40px;
}
#haut_page, #rubrique1,#rubrique2,#rubrique3,#rubrique4,#rubrique5,
#rubrique6,#rubrique7,#rubrique8 {
	color: #000000;
	text-decoration: none;
}
.rubriques {
	margin: 15px 0 15px 0;
	padding: 5px 15px 6px 24px;
	color: #F36B14;
	font-size: 1.2em;
	background: transparent url(../../img/niv2/th_carnet/puce_pom.gif) no-repeat 0 5px;
}

/*Ajustement de la position des images d'entête dans les activités*/
#img_entete_w111 {
	position: relative;
	top: -32px;
	left: -14px;
}
#img_entete_d3 {
	position: relative;
	top: -30px;
	left: -65px;
}
#img_entete_w112 {
	position: relative;
	top: -30px;
	left: -77px;
}
#img_entete_w113 {
	position: relative;
	top: -13px;
	left: -128px;
}
#img_entete_w114 {
	position: relative;
	top: -27px;
	left: -60px;
}
#img_entete_w115 {
	position: relative;
	top: -35px;
	left: -40px;
}
#img_entete_w116 {
	position: relative;
	top: -30px;
	left: -70px;
}
#img_entete_w117 {
	position: relative;
	top: -30px;
	left: -47px;
}
#img_entete_w118 {
	position: relative;
	top: -36px;
	left: -46px;
}
#img_entete_w119, #img_entete_w1110 {
	position: relative;
	top: -40px;
	left: -85px;
}
#img_entete_w1111 {
	position: relative;
	top: -40px;
	left: -15px;
}
#img_entete_w121 {
	position: relative;
	top: -40px;
	left: -120px;
}
#img_entete_w122 {
	position: relative;
	top: -5px;
	left: -115px;
}
#img_entete_w123 {
	position: relative;
	top: -20px;
	left: -80px;
}
#img_entete_w124 {
	position: relative;
	top: -15px;
	left: -70px;
}
#img_entete_w125 {
	position: relative;
	top: -20px;
	left: -75px;
}
#img_entete_w126 {
	position: relative;
	top: 0;
	left: -145px;
	margin-bottom: 15px;
}
#expl_w125 p, #expl_w125 h1 {
	position: relative;
	top: -20px;
	left: 0;
}
#img_entete_w127 {
	position: relative;
	top: 0;
	left: -95px;
	margin-bottom: 20px;
}
#img_entete_w128 {
	position: relative;
	top: -20px;
	left: -86px;
}
#img_entete_w131 {
	position: relative;
	top: -10px;
	left: -70px;
}
#img_entete_w132 {
	position: relative;
	top: -45px;
	left: -75px;
}
#img_entete_w133 {
	position: relative;
	top: -8px;
	left: -83px;
}
#img_entete_w134 {
	position: relative;
	top: -5px;
	left: -90px;
}
#img_entete_w135 {
	position: relative;
	top: -35px;
	left: -90px;
}
#img_entete_w136 {
	position: relative;
	top: -7px;
	left: 5px;
}
#img_entete_w137 {
	position: relative;
	top: -30px;
	left: -55px;
}
#img_entete_w138 {
	position: relative;
	top: -25px;
	left: -10px;
}
#img_entete_d1 {
	position: relative;
	top: -17px;
	left: -57px;
}
#img_entete_m1 {
	position: relative;
	top: 2px;
	left: -105px;
}
#img_entete_m3 {
	position: relative;
	top: -9px;
	left: -70px;
}

#img_entete_ap1 {
	position: relative;
	top: -29px;
	left: -90px;
}
#img_entete_ad1 {
	position: relative;
	top: -35px;
	left: -70px;
}
#img_entete_ad2 {
	position: relative;
	top: -27px;
	left: -25px;
}
#img_entete_ad3 {
	position: relative;
	top: -20px;
	left: 0;
}

#img_entete_ap2 {
	position: relative;
	top: -10px;
	left: -60px;
}
#imgVertHorizontal {
	padding: 0;
	margin: 10px 0 10px 50px;
}
#listMotsCroises {
	width: 584px;
	margin: 0 0 0 54px;
}
#listMotsVert {
	float: left;
	width: 285px;
	padding-right: 7px;
}
#listMotsHor {
	float: left;
	width: 292px;
}
.motsCroiseesNo {
	color: #FF7640;
	font-size: 1.5em;
}

/*Particularité de la console de l'enseignant*/
.bloc_liens_options {
	margin: 10px 0 0 0;
}
.bloc_liens_options .bibite_orange_fld {
	margin: 0 0 6px 0;
	padding: 2px 0 0 24px;
	font-size: 1em;
}
.raquo {
	float: left;
}
.mots_popup {
	font-weight: bold;
	background-color: #E5F5FA;
}
/* ------------------------------------------------------------------------
	2.7= Section "à propos de..."
------------------------------------------------------------------------ */
.h2_public {
	color: #4D4D4D;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 15px 0;
}
.div_ress_public {
	color: #4D4D4D;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 2px 0;
}
.sans_puce {
	list-style: none;
}
/* ------------------------------------------------------------------------
	3= Typo générale
------------------------------------------------------------------------ */
/* Arrêt du flottement (floating) */
.clear {
	clear: both;
	line-height: 0;
	margin: 0;
	padding: 0;
}
/* Rollover général */
body a:link {
	color: #009AC9;
	text-decoration: underline;
}
body a:visited {
	color: #009AC9;
	text-decoration: underline;
}
body a:hover {
	color: #69C3E1;
	text-decoration: underline;
}
body a:active {
	color: #69C3E1;
	text-decoration: underline;
}
p {
	margin: 0 0 15px 0;
}
h1 {
	color: #4D4D4D;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 15px 0;
}
h2 {
	color: #F36B14;
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0 15px 0;
}
.none {
	display: none;
}
.align_right {
	text-align: right;
}
/* ------------------------------------------------------------------------
	4= CONSOLE
	4.1= Stucture et habillage du cadre de la console
------------------------------------------------------------------------ */
#cadre_console {
	width: 701px;
	margin: 0;
	padding: 0;
	background: url(../../img/console/c_console_centre.gif) repeat-y left top;	
}
#cadre_console .pied {
	padding: 0 0 118px 0;
	background: url(../../img/console/c_console_bas.gif) no-repeat left bottom;
}
#cadre_console .wrap {
	min-height: 135px;
	background: url(../../img/console/c_console_haut.gif) no-repeat left top;
	padding: 10px 10px 0 20px;
}
/* Entête de niveau 2 */
#entete_niv2 {
	height: 147px;
	width: 660px;
}
/* Zone de contenu de la console */
.contenu {
	width: auto;
	margin: 0;
	padding: 0 33px 0 21px;
	color: #4D4D4D;
	font-size: 0.9em;
}
.contenu a:link, .contenu a:visited {
	color: #006C8D;
	text-decoration: underline;
}
.contenu a:hover, .contenu a:active{
	color: #F36B14;
	text-decoration: underline;
}
.contenu h1 {
	font-size: 1.7em;
}
.console_retour_accueil {
	float: right;
}

/* Bouton accueil de la console */
#cadre_console .bt_accueil {
	display: block;
	width: 74px;
	height: 95px;
	padding: 0;
	margin: 0;
}
/* Lien "ma fiche utilisateur" et nom d'utilisateur */
.lien_fiche {
	position: relative;
	display: block;
	width: 300px;
	height: 20px;
	text-align: right;
	z-index: 80; /* Affichage par dessus les autres éléments */
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}
/* Positionnement du lien "ma fiche utilisateur" lorsque bouton accueil présent */
.lien_fiche_pos_bt {
	top: -82px;
	left: 363px;
}
/* Lien nom d'utilisateur dans la prévisualisation*/
.nom_eleve_preview {
	position: relative;
	top: 15px;
	left: 455px;
	width: 210px;
	height: 18px;
}
/* Rollover html du lien */
.lien_fiche a:link, .lien_fiche a:visited {
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}
.lien_fiche a:hover, .lien_fiche a:active {
	color: #CFE076;
	text-decoration: underline;
	font-weight: normal;
}

/* Bouton quitter onglet de droite  */
#bt_quitter_droite  {
	position: relative;
	display: block;
	width: 23px;
	height: 97px;
	top: 0px; 
	left: -10px;
}
/* Coin droit qui complète le cadre lorsque bouton quitter  */
#coin_droit {
	position: relative;
	display: block;
	width: 20px;
	height: 97px;
	top: -97px; 
	left: -30px;
	background: url(../../img/console/coin_droit.gif) no-repeat left top;
}
.tab {
	margin-left: 40px;
}
/* ------------------------------------------------------------------------
	4.2= Généralités des formulaires de la console
------------------------------------------------------------------------ */
.red {
	color: #F36B14;
}
.green {
	color: #009933;
}
.field_txt {
	color: #006C8D;
	font-size: 0.9em;
}
.field_input, .input_titre, .input_emplacement, #charRestant {
	height: 16px;
	padding: 0;
	margin: 0;
	border: 1px solid #62C0DF;
	color: #000000;
	font-size: 0.9em;
}
.field_select {
	padding: 0;
	margin: 0;
	border: 1px solid #62C0DF;
	color: #006C8D;
	font-size: 0.8em;
}
/* Longueur de champs field_input */
.lg_tab5col {
	width: 112px;
}
.lg_login {
	width: 140px;
}
.lg_rech {
	width: 180px;
}
.lg_large {
	width: 315px;
}
.lg_rech_short {
	width: 100px;
}
.lg_form {
	width: 215px;
}
.lg_form2 {
	width: 209px;
	margin-left: 3px;
}
.lg_form_avec_fieldset {
	width: 228px;
	margin-left: 3px;
}
.fieldset {
	margin-bottom: 12px;
	border: 1px solid #62C0DF;
}

.focus {
	background: #F36B14;
}
.lg_date {
	width: 105px;
}
/* Bouton fleche "Allez" */
.bt_allez {
	width: 18px;
	height: 18px;
}
/* Lien avec puce bibite */
.bibite_verte {
	padding: 2px 0 0 20px;
	background:  url(../../img/console/bibite_verte.gif) no-repeat left top;
}
.bibite_verte_flg {
	padding: 2px 0 0 20px;
	background:  url(../../img/console/bibite_verte_flg.gif) no-repeat left top;
}
/* Boite pour le message de fin de session */
.boite_logoff {
	border: 2px solid #0097C7;
	background: #FFFFFF url(../../img/console/fond_logoff.gif) repeat-x left top;
}

/* ------------------------------------------------------------------------
	4.2.1= Popup calendrier
------------------------------------------------------------------------ */
table.calendrier {
	width: 260px;
	border: 1px solid #006C8D;
	background: #FFFFFF;
	margin: 10px;
}
table.calendrier td {
	text-align: center;
}
table.calendrier a:link, table.calendrier a:visited {
	color: #000000;
	font-size: 0.9em;
}
table.calendrier a:hover, table.calendrier a:active {
	color: #F36B14;
	font-size: 0.9em;
	text-decoration: underline;
}
table.calendrier tr.cal_entete {
	background: #006C8D;
	color: #FFFFFF;
	font-size: 0.9em;
}
table.calendrier tr.cal_entete td {
	text-align: center;
}
table.cal_nav {
	background: #BFE2F2;
	color: #000000;
}
table.calendrier td {
	padding: 2px;
	margin: 0;
}
.titre_calendrier {
	font-size: 1.1em;
	font-weight: bold;
	color: #F36B14;
}

/* ------------------------------------------------------------------------
	4.3= éléments de la console
------------------------------------------------------------------------ */

/* Cadre de l'authentification de la console */
#c_console_login {
	width: 289px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(../../img/console/c_login_centre.gif) repeat-y left top;	
}
#c_console_login .pied {
	padding: 0 0 25px 0;
	background: url(../../img/console/c_login_bas.gif) no-repeat left bottom;
}
#c_console_login .wrap {
	min-height: 74px;
	background: url(../../img/console/c_login_haut.gif) no-repeat left top;
	padding: 38px 18px 0 18px;
}
.tableliste {
	border: 1px solid #69C3E1;
	color: #4D4D4D;
	font-size: 0.9em;
}
.tableliste td {
	padding: 4px; 
}
.tableliste h2 {
	margin: 2px 0 2px 0;
	padding: 0;
}
.tableliste_m2 {
	border: 1px solid #69C3E1;
	margin: 0;
	padding: 0;
}
.tableliste_m2 td {
	border-right: 1px solid #69C3E1;
	margin: 0;
	padding: 5px 0 0 0;
	vertical-align: top;
}
.tbl_nom_act_preview {
	color: #006C8D;
	font-weight: bold;
}
.row_alt {
	background: #FFFFFF;
}
.row_alt2 {
	background: #BFE2F2;
}
.row_alt3 {
	background: #E5F5FA;
}
.row_alt4 {
	background: #E3ECAD;
}
.pagination, .ordre {
	text-align: center;
	margin: 30px 0 30px 0;
}
.bordure_noir {
	border: solid 1px #000000;
}
.tbl_bordure_noir2 {
	border: solid 1px #69C3E1;
	border-collapse: collapse;
}
.bordure_noir2 {
	border-bottom: solid 1px #69C3E1;
}
.cadre_console {
	margin: 2px 2px 8px 2px;
	padding: 4px;
	border: 1px solid #009AC9;
}
.highlight {
	color: #009AC9;
	font-weight: bold;
	font-size: 1.2em;
}

/* ------------------------------------------------------------------------
	4.3.1= éléments de la console (page des soumissions de travaux)
------------------------------------------------------------------------ */

.contenu .bibite_orange_fld {
	font-size: 1em;
}
.tbl_demandes_soumise {
	border-collapse: collapse;
}
.tbl_demandes_soumise td {
	padding: 0 0 0 5px;
	text-align: center;
	border: 1px solid #009AC9;
}
.tbl_demandes_soumise th {
	padding: 0 0 0 5px;
	border: 1px solid #009AC9;
}

/*Liste des demandes à valider - l'alignement sur une ligne des trois options*/
.valider_demandes {
	float: left;
	margin: 10px 10px 10px 0;
}
.lien_valider_demandes {
	margin: 10px 0 0 0;
}

#m2_entete {
	display: block;
	margin: -15px 0 15px 5px;
	padding: 0;
	width: 485px;
	height: 169px;
}
.titre_tbl_m2 {
	margin-left: 20px;
	width: 230px;
	height: 18px;
}
.portraitBach {
	width: 92px;
	height: 96px;
}
.portraitMozart {
	width: 92px;
	height: 96px;
}
.portraitBeethoven {
	width: 92px;
	height: 96px;
}
.drapeau_allemagne {
	width: 47px;
	height: 28px;
}
.drapeau_autriche {
	width: 46px;
	height: 30px;
}
.epo_baroque {
	width: 96px;
	height: 46px;
}
.epo_romantique {
	width: 114px;
	height: 46px;
}
.epo_classique {
	width: 114px;
	height: 46px;
}
.instrument1 {
	width: 120px;
	height: 58px;
}
.instrument2 {
	width: 84px;
	height: 58px;
}
.instrument3 {
	width: 43px;
	height: 57px;
}
.btn_extrait {
	background: url(../../img/niv2/activites/section2/boutonExtrait.gif) no-repeat left top;
	width: 55px;
	height: 55px;
}
.btn_extrait:hover {
	background: url(../../img/niv2/activites/section2/boutonExtrait_o.gif) no-repeat left top;
	width: 55px;
	height: 55px;
	cursor: pointer;
}
.orange {
	color: #f36b14;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
.gris {
	color: #4d4d4d;
	font-size: 11px;
	font-weight: normal;
}
.date_grands {
	color: #f36b14;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.titre_grands {
	color: #006c8d;
	font-weight: bold;
	font-size: 11px;
}
.nom_grands {
	color: #4d4d4d;
	font-size: 17px;
	font-weight: bold;
}
/*Classe de l'activité ad3*/
.ad3_zoneCoup {
	width: 597px;
	margin-bottom: 55px;
}
.ad3_colg {
	float:left;
	width: 384px;
}
.ad3_cold {
	float:left;
	width: 213px;
	height: 213px; 
}
.ad3_question{
	float: left;
	width: 250px;
}

.bt_valider {
	float: left;
	position: relative;
	top: 15px;
	left: 0;
}
.bt_valider a {
	display: block;
	width: 40px;
	height: 45px;
	background:url(../../img/niv2/activites/section2/ad3_btnValider.gif) no-repeat left bottom;
}
.ad3_reponse {
	margin: 5px 0 0 19px;
	color:#FF0000;
	font-weight: bold;
}
.ad3_reponse_invisible {
	display: none;
}
.ad3_motReponse {
	font-weight:bold;
	position:relative;
	top: -55px;
	left: 10px;
	font-size: 1.7em;
}
.etapeQuestion_inv, .etapeReponse_inv, .ad3_creditPhoto_inv {
	display: none;
}
.ad3_creditPhoto {
	font-size: 0.9em;
	color: #006C8B;
	margin-top: 2px;
}
.ad3_colg li {
	margin-bottom: 5px;
}
/*Particuliarité de l'activité ap3*/
.expl #img_entete_ap3{
	margin-top:-21px;
}
#tableau_genre_peinture{
	width:600px;
}
#tableau_genre_peinture .col_1{
	width:25%;
}
#tableau_genre_peinture th{
	padding:7px 13px 7px 23px;
	text-align:left;
}
#tableau_genre_peinture td{
	padding:11px 13px 11px 23px;
	vertical-align:top;
}
#tableau_genre_peinture td.entete_tbl_liste{
	padding:4px 0 2px 4px;
}
* html body #tableau_genre_peinture a{
	font-size:0.9em;
}
#tableau_genre_peinture .periode{
	margin:-5px 0 0 0;
}
#tableau_genre_peinture .nom_periode{
	font-size:1.6em;
}
#tableau_genre_peinture .img_oeuvre{
	position:relative;
}


#ap3_tableau_esp_ens{
	margin:0 0 10px 0;
	text-align:left;
	width:100%;
}
#ap3_tableau_esp_ens th,
#ap3_tableau_esp_ens td{
	padding:0 0 5px 0;
	vertical-align:top;
}
#ap3_tableau_esp_ens th{
	width:30%;
}
/**************************/