/* ----------------- GENERAL ------------------ */
P, FORM, DIV, TD, A {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, sans-serif, Geneva;
	line-height: normal;
}
BODY {
	margin: 0px;
	color: #000000;
	background: #FFFFFF;
	background-image: URL(../img/prg/bg_page.gif);
	background-repeat: repeat-y;
	background-position: 213px 0px;
	font-family: Tahoma, Arial, sans-serif, Geneva;
}
IMG {
	border-style: none;
	margin: 0px;
	padding: 0px;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* -------------------- LOCAL ------------------- */

/* héritage style TV5.org pour header/footer ____________________________________________________________________________*/
.txtmarine { color: #000066; }
.txtmarine a { color: #000066; }
.txt9 {	font-family: Tahoma, Geneva, Arial, sans-serif;	font-size: 9px;	line-height: 11px;	text-decoration: none }
.txt11 { font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 11px; font-style: normal; line-height: 13px; }
.formulaire { background: #ffffff; border: 1px solid #4c4c4c; font-size : 11px; font-family: Arial, sans-serif; }
/* ___________________________________________________________________________________________________________________   */


/* ----------------- CONTENU ------------------*/
table {color: #4d4d4d; font-size: 13px; line-height: 15px;}
td {vertical-align: top;}
.content {margin: 15px 20px 10px 20px;}
.info div {margin-bottom: 0px;}

h1 {font-size: 32px; font-weight:normal; color: #fff; margin:0; padding:0;}
h1 span{font-size: 24px; margin-left: 10px;}
h2 {font-size: 18px; line-height:20px; font-weight: normal; color: #4d4d4d; margin:0 0 5px; padding:0;}
h3 {font-size: 13px; line-height:15px;margin: 0; padding: 0;}
h4 {margin:0; padding:0;}
h5 {margin: 0; padding:0;}
textarea, select, input {font-family: Tahoma, Arial, sans-serif; font-size:11px;color:#898580}

a {color: #f78624;}

.clear {clear: both; line-height:0; height:0; border: 0 none; overflow: hidden; background: transparent; margin:0; padding:0;}
.masque {visibility: hidden;}
.cache {display: none;}
.gras {font-weight: bold;}




/* PAGE ACCUEIL __________________________________________________________________________________________________________*/

table.tableau_general tbody tr td div.img_accueil a {
		padding: 7px 55px 7px 30px;
		background: #4d4d4d;
		position: absolute;
		bottom: 50px;
		right: 50px;
		border: 1px solid white;
		font-size: 18px;color: white;
		}
.img_accueil a span {background: url(medias/btn_accueil_off.gif) left top no-repeat;position: absolute;top:2px;right:12px;width: 30px;height: 30px;}
table.tableau_general tbody tr td div.img_accueil a:hover {text-decoration: none;color: #4d4d4d;background: #fff;}
.img_accueil a:hover span {background: url(medias/btn_accueil_on.gif) left top no-repeat;}
.img_accueil {position: relative;height: 1%;}
.img_accueil img {border: 5px solid #4d4d4d;}
.bloc_accueil {border-top: 5px solid #fff;padding: 15px 25px 20px 25px;}

/* SELECTION */
.blocs {background: white;padding: 10px 15px;margin-bottom: 3px;}
.blocs h2 {margin-bottom: 10px;}
.blocs img {border-width: 5px 80px 5px 5px;border-color: #4d4d4d;border-style: solid;margin: 0 0 10px 0;width: 107px;height: 95px;}
.blocs div.content {margin: 0;}
.blocs div.info div {font-size: 11px;margin-bottom: 0;}
.blocs div.info ul {list-style-type: none;margin: 5px 0;padding:0;}
.blocs div.info li {padding: 2px 0 2px 25px;background: url(medias/puces_t1.gif) left 0.1em no-repeat;}
.blocs div.info ul a {color: #f78624; font-weight: bold; font-size: 11px;}

/* FICHES PEDAGO */
.fiche_pedago h2 {padding-right:20px;background:url(medias/picto_pedagogique.gif) right center no-repeat}

/* SPONSORS */

/*table.tableau_general tbody tr td div*/.bloc_sponsors_wrapper {background: white;padding: 10px 15px 10px 15px;height: 1%;}
/*table.tableau_general tbody tr td div*/.bloc_sponsors_wrapper h3 {margin: 0 0 10px 0;color: #4d4d4d;}
/*table.tableau_general tbody tr td div*/.bloc_sponsors_wrapper div.content {background: transparent;margin: 0;}

/*table.tableau_general tbody tr td div*/.bloc_sponsors {padding: 3px 0 0 0;margin:0;}
/*table.tableau_general tbody tr td div*/.bloc_sponsors div.content {border-top: 1px solid #cecdc8;padding: 5px 0 2px 0;margin: 0;height: 1%}
/*table.tableau_general tbody tr td div*/.bloc_sponsors div.content img {display: block;float: left;padding:0 40px 0 20px;margin:0;display:inline}
/*table.tableau_general tbody tr td div*/.bloc_sponsors h2, table.tableau_general tbody tr td div.bloc_sponsors h3 {display:block;font-size: 11px;line-height: 13px;color: #999;margin: 0;padding: 10px 0 15px;overflow: hidden;font-weight: normal;}
.bloc_sponsors a {color: #999;}

* html .bloc_sponsors h2 {float: left; padding: 10px 0px 15px 0; overflow: hidden;display:inline}
* html .bloc_sponsors div.info { background: white}

/* COMMENTAIRES */
.blocs_commentaires {background: #fff url(medias/picto_commentaire_off.gif) 95% 50% no-repeat; padding:8px 15px;  margin-bottom: 3px;}
.blocs_commentaires h2 {margin: 0;font-size: 11px;line-height: 13px;font-weight: bold;}
/*table.tableau_general tbody tr td div.blocs_commentaires*/ h2 a {color: #4d4d4d;}
.blocs_commentaires h2 span {font-size: 12px;font-weight: bold;margin-right: 4px;color: #f78624;}

.voir_commentaires, .envoyer_commentaire, .envoyer_galerie {background: white; margin: -3px 0 3px 0; color: #4d4d4d; display: none;}/* BLOCS */
.voir_commentaires h2, .envoyer_commentaire h2, .envoyer_galerie h2 { margin: 0; font-size: 11px; font-weight: bold; line-height:13px}
.voir_commentaires div.info, .envoyer_commentaire table, .envoyer_galerie table { margin: 0 0 5px 0; font-size: 11px;}
.voir_commentaires div.content {
		background: #edebe8;
		padding: 10px;
		margin: 0;
		border-width: 0 5px 5px 5px;
		border-style: solid;
		border-color: white;
		max-height: 180px;
		overflow: auto;
		}
.voir_commentaires div.content div {
		margin-bottom: 10px;
		color: #898580;
		}

.envoyer_commentaire div, .envoyer_galerie div {
		padding: 10px 10px 0 10px;
		border-width: 0 5px 5px 5px;
		border-style: solid;
		border-color: white;
		background: #edebe8;
		}
.envoyer_commentaire td, .envoyer_galerie td {padding: 2px 0;}
.envoyer_commentaire input, .envoyer_galerie input {width: 98%;}
.envoyer_commentaire textarea, .envoyer_galerie textarea {width: 98%;}
.envoyer_commentaire select { margin:0; padding:0}

/*.envoyer_commentaire */div.comm_info {border:0;padding:0 0 10px 0}

/* PAGE GALERIE ___________________________________________________________________________________________________________________*/

.vgn_flash div.wrapper {background: #dfdcd7;border: 5px solid white;padding: 5px;margin: 0 0 3px 0;max-height: 500px;overflow: auto;}
.vgn_flash div.content {margin: 0;padding: 0; /*height:1%*/}
.vgn_flash div.content img {
		border-width: 3px 13px 3px 3px;
		border-style: solid;
		border-color: #4d4d4d;
		display:block;
		float:left;
		width:70px;
		height:63px;
		margin:0;
		padding:0;
		}
.vgn_flash div.content h2 {margin:0;padding:0;display: block;overflow: hidden;}
.vgn_flash div.wrapper div.content h2 a {
		display: block;
		overflow: hidden;
		min-height: 59px;
		background: #e8e6e2 url(medias/picto_vgn_off.gif) 5px 5px no-repeat;
		margin:0;
		padding: 5px 5px 5px 40px;
		/*color:#4d4d4d;*/
		font-size: 11px;
		}

.vgn_flash div.wrapper div.picto_photo h2 a {background: #e8e6e2 url(medias/picto_photo.gif) 10px 10px no-repeat;}
.vgn_flash div.wrapper div.picto_video h2 a {background: #e8e6e2 url(medias/picto_video.gif) 8px 10px no-repeat;}
.vgn_flash div.wrapper div.picto_son h2 a {background: #e8e6e2 url(medias/picto_son.gif) 9px 10px no-repeat;}
.vgn_flash div.wrapper div.picto_texte h2 a {background: #e8e6e2 url(medias/picto_texte.gif) 11px 10px no-repeat;}
.vgn_flash div.wrapper div.picto_animation h2 a {background: #e8e6e2 url(medias/picto_animation.gif) 8px 10px no-repeat;}

.vgn_flash div.wrapper div.act h2 a {background-color: #4d4d4d;color:#fff;}
.vgn_flash div.content h2 a:hover {text-decoration: none;}
.vgn_flash div.content h2 a:active {background-color: #4d4d4d ; color: white; text-decoration: none; background-image: none;}
.vgn_flash div.content div.clear {margin: 0 0 3px 0;}

* html div.vgn_flash div.wrapper { margin:0 0 3px 0; padding: 5px;height: 500px;}
* html div.vgn_flash div.wrapper div.content h2 a {overflow : visible;height: 59px;}


/* pictos */

.vgn_flash div.wrapper div.picto_photo h2 a:hover {background: #c8c6c3 url(medias/picto_photo.gif) 10px 10px no-repeat;}
.vgn_flash div.wrapper div.picto_video h2 a:hover {background: #c8c6c3 url(medias/picto_video.gif) 8px 10px no-repeat;}
.vgn_flash div.wrapper div.picto_son h2 a:hover {background: #c8c6c3 url(medias/picto_son.gif) 9px 10px no-repeat;}
.vgn_flash div.wrapper div.picto_texte h2 a:hover {background: #c8c6c3 url(medias/picto_texte.gif) 11px 10px no-repeat;}
.vgn_flash div.wrapper div.picto_animation h2 a:hover {background: #c8c6c3 url(medias/picto_animation.gif) 8px 10px no-repeat;}


/* tourne parge et retour accueil __________________________________________________________________________________*/

.header_medias_galerie {background: #4d4d4d;border-bottom: 2px solid #4d4d4d; height:24px;}
.footer_medias_galerie {background: #4d4d4d;border-width: 0 5px 5px 5px;border-color: white;border-style: solid;margin-top: -30px;padding-bottom: 2px;height:1%;position: relative;}

.tourne_page {float: right;margin: 0px 20px 0 0; padding: 2px 0 0 0;display:inline; color: #FFF;}
.tourne_page td {color: #FFF; vertical-align: middle; }
.tourne_page img { margin: 0;display:inline}
.tourne_page p { color: white;padding:2px 0 0 0;margin: 2px 10px 0 10px;display:inline;  }

/*table.tableau_general tbody tr td p*/ .retour_accueil a {float: left;color: white;padding: 4px 0 0 25px;margin: 0px 0 0 15px;background: url(medias/fleche_left.gif) no-repeat 0px 2px;display:inline}
/*table.tableau_general tbody tr td p*/ .retour_accueil a:hover {text-decoration: none;}
.header_transcription .retour_accueil a, .footer_transcription .retour_accueil a {float: left;color: white;padding: 4px 0 2px 25px;margin: 2px 0 0 15px;background: url(medias/fleche_gauche.gif) left 50% no-repeat;display:inline}

.header_transcription a:hover, .footer_transcription .retour_accueil a {text-decoration: none;}


/* COL de DROITE */

#colDroite {padding-bottom:1px;}
*+html #colDroite {padding-bottom:21px}
* html #colDroite {padding-bottom:21px}


/* Encart médias (videos, flash, audio, photos, etc...) et bouton transcription__________________*/

.medias_animation {text-align: right;}
.medias_animation div {border: 5px solid #4d4d4d;background: #2a2a2a;text-align: center;}
.medias_animation object {margin: 0px auto;}
.medias_animation div.clear {border: 0 none;}

/*.media_rm {text-align: center;}
.media_rm div {border: 5px solid #4d4d4d;background: #2a2a2a;text-align: center;}
.media_rm object {margin: 0px auto; display:block}
.media_rm div.clear {border: 0 none;}*/

.medias_video div.clear {padding:0}

.medias_video {text-align: right;}
.medias_video div {border: 5px solid #4d4d4d;background: #2a2a2a;text-align: center; padding: 15px 0;}
.medias_video object {margin: 0px auto;display:block}
.medias_video div.clear {border: 0 none;}

/*.medias_son {text-align: right;float: left;margin: 0 20px 30px 0;padding:0 0 0px 0;display:inline; position:relative}
.medias_son div {border: 5px solid #4d4d4d;background: #2a2a2a;text-align: center;}
* html .medias_son div {float:left;display:inline}
.medias_son img, .medias_son object {margin: 0;padding: 0;display: inline;}
.medias_son div.clear {border: 0 none;}*/

.medias_son {text-align: right;float: left;/*margin: 0 20px 15px 0*/;padding:0;display:inline}
.medias_son div {border: 5px solid #4d4d4d;background: #2a2a2a;text-align:center}
* html .medias_son div {float:left;display:inline}
.medias_son img, .medias_son object {margin: 0;padding: 0;display: inline;}
.medias_son div.clear {border: 0 none;}


.medias_photo_v {text-align: right;float: left;margin: 0 20px 0px 0;padding:0 0 15px 0;display:inline}
.medias_photo_v div {border: 5px solid #4d4d4d;background: #2a2a2a;float:left;display:inline}
.medias_photo_v img, .medias_photos_sons object {margin: 0;padding: 0;display: inline;}
.medias_photo_v div.clear {border: 0 none;}

.medias_photo_h {text-align: center;margin: 0 0px 15px 0;padding:0;}
.medias_photo_h div {border: 5px solid #4d4d4d;background: #2a2a2a;}
.medias_photo_h img {margin: 0;padding: 0;display: inline;}
.medias_photo_h div.clear {border: 0 none;}

/*.btn_transcription {margin: 0 10px 0 0;padding: 3px 5px; background: url(medias/bg_transcription.gif) left top repeat-x;color:#fff;text-decoration: none;clear:left;font-size:11px; display:block; min-width:100px; max-height:22px; position:absolute; right:10px; bottom:-19px}*/

.btn_transcription {margin: 0 10px 0 0;padding:2px 5px 3px; background: url(medias/bg_transcription.gif) left top repeat-x;color:#fff;text-decoration: none; font-size:11px;}

/* Transcription _____________________________________________________________________________*/

.header_transcription {background: #b2afab;border-bottom: 2px solid #b2afab; height:24px}
.footer_transcription {background: #b2afab;border-width: 0 5px 5px 5px;border-color: white;border-style: solid;margin-top: -30px;padding-bottom: 2px;height:24px;position: relative;}

table.tableau_general tbody tr td p.retour_media a {float: left;color: white;padding: 4px 0 2px 25px;margin: 0px 0 0 15px;background: url(medias/fleche_gauche.gif) left 50% no-repeat;display:inline}
table.tableau_general tbody tr td p.retour_media a:hover {text-decoration: none;}



/* Bas du document avec bouton impression _______________________________________________________________________________________________________________*/

.bas_document {background: url(medias/bg_imprimer.gif) left top repeat-x;margin: 25px 20px 0 20px;padding: 10px 0 70px 0;font: normal 11px Tahoma, Arial, Geneva, sans-serif}
p.copyright {float: left; display: inline; width: 500px;}
p.copyright span {margin-right: 5px;}
table.tableau_general tbody tr td div.btn_imprimer a {float: right; margin:0; padding:0 22px 0 0; background: url(medias/picto_imprimer.gif) right 50% no-repeat; color: #4d4d4d;display:inline}
table.tableau_general tbody tr td div.btn_imprimer a:hover {text-decoration: none;}
.galery_footer ul {
height:1%;
list-style-type:none;
margin:4px 0pt 0pt 20px;
padding:0pt;
position:relative;
}.galery_footer li {
color:#FFFFFF;
display:inline;
float:left;
margin:0pt 3px;
}


/* Ressources _________________________________________________*/

.td2g {background: url(medias/bg_page.gif) left bottom no-repeat;width: 640px; padding: 0 0 0px 0; margin:0; border-bottom: 5px solid white; min-height:350px}/*background: url(medias/bg_ressources.jpg) left top repeat-y; */
* html .td2g {height: 350px}
.td2g div.wrapper1 {margin:0; padding:0; width: 100%; background: white;}
.td2g div.wrapper1 h2 {color: #4d4d4d; margin:0; padding: 15px 20px; font-size: 24px; line-height: 28px;}
.td2g div.wrapper2 {/*background: url(medias/bg_orange.jpg) 0em -11.1em no-repeat;*/ margin:0; padding:0; height: 8px; line-height:5px; overflow: hidden;}
.td2g div.wrapper3 { margin:0; padding:0; border-top: 5px solid white;background: url(medias/bg_ressources.jpg) left top repeat-y; }


/* BLOCS RESSOURCES */
.bloc_ressources {background: #edebe8; margin: 0 5px; padding: 23px 15px; border-bottom: 5px solid white;}
.bloc_ressources h3 {color: #f78624;margin: 0 0 10px 0; font-size:18px; line-height: 18px; font-weight:normal}
.bloc_ressources div.content {margin: 0;}
.bloc_ressources div.info {overflow:hidden;}
.bloc_ressources div.content img {border-width: 5px 20px 5px 5px; border-style: solid; border-color: #4d4d4d; float: left; margin-right: 15px;display:inline}
.bloc_ressources div.info ul {list-style-type: none; margin: 10px 0; padding:0;}
.bloc_ressources div.info li {background: url(medias/puces_ressources.gif) left 50% no-repeat; padding: 2px 0 2px 25px;}
.bloc_ressources div.info li a {color: #4d4d4d; font-weight: bold; font-size: 11px;}

/* styles par défaut de la galerie */
.tableau_general { background: url(medias/bg_orange.jpg) repeat-x top left #E2700F; }
h1  { color: #FFF; }
a,.blocs_commentaires h2 span, .blocs div.info ul a, .bloc_ressources h3 { color: #E2700F; }

/* JEux ______________________________________________________*/

.qcm_question, .sondage_question { font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; font-weight: bold;}
.qcm_reponse, .sondage_reponse {padding-bottom: 4px;}
.qcm_courriel {padding: 10px 0px 10px 0px; float: left;}
.qcm_submit, .sondage_submit {float: right; padding-top: 7px;}
.sondage_resultat_reponse {padding-top: 4px;}
.sondage_resultat_reponse b {float: left;}
.sondage_resultat_reponse img{border: none; height: 5px; padding: 4px 0px 0px 5px; float: left;}
.sondage_resultat_total {padding: 10px 0px 10px 0px;}