@charset "iso-8859-1";
/* auteur: Thierry Coz */
/* Date de création: 29/10/2006 */

body {background-color: #DDE9FE; background-image: url(../images/bg_page.png); background-repeat: repeat-y; font-family: arial, sans-serif; font-size: 11px; text-align: center; background-position: center; margin: 0 0 0 0}
#conteneur {background-color: #FFFFFF; margin: 0 0 0 0; width: 800px; margin-left: auto; margin-right: auto;text-align: left;}  
#conteneur_form {background-image: url(http://podcast.ac-rouen.fr/images/bg_formulaire.png); background-repeat: no-repeat; margin: 0 0 0 0; width: 800px; margin-left: auto; margin-right: auto; text-align: left}

#top {height: 267px; width: 800px; background-image: url(../images/bg_head4.jpg);}
#top h2 {margin: 236px 0 0 50px;}
#header {
height: 50px;
background-color: #99CCCC;
}
#gauche {float:left;width: 420px; margin: 0 0 0 14px; padding: 0 0 0 10px;}
#gauche div.cellule {background-image: url(../images/bg_main.png); background-repeat: repeat-y; margin: -10px 10px 0 -10px; padding: 0 0 0 0};
#gauche div.cellulf {background-image: url(../images/bg_main_formulaire.png); background-repeat: repeat-y; margin: -10px 10px 0 -10px; padding: 0 0 0 0};
#gauche p {margin: 4px 14px 4px 22px;}
#gauche h1 {font-size: 14px; margin: 0 0 0 12px; font-weight: bold; color: #003366}
#gauche h2 {font-size: 12px; margin: 0 0 0 12px}  
#gauche fieldset {background-color: #F9F9F9;margin: 0px 10px 0px 6px}  
#gauche legend {font-family: arial, sans-serif; font-size: 8px;}
#droite {float:right; width: 330px; margin: 0 5px 0 0;}
#droite div.cellule {background-image: url(../images/bg_dt_main.jpg); background-repeat: repeat-y; margin: -6px 0 -6px 0};
#droite p {margin: 4px 10px 4px 10px;}
#droite h2 {font-size: 12px; margin: 0 0 0 12px}
#droite h2.foot {font-size: 12px; margin: 0 0 0 40px}
#liste_2col li {list-style-type:none; display:inline; margin: 0 0 0 0; float:left; width:190px;}

ul #liste_2col {width:380px; margin:0 0 0 0; padding:0 0 0 0;}
p {margin: 0 0 0 12px};
a {color: #006699; font-weight: normal; text-decoration: none;}
a:link {color: #006699; font-weight: normal; text-decoration: none;}
a:active {color: #006699; font-weight: normal; text-decoration: none;}
a:visited {color: #006699; font-weight: normal; text-decoration: none;}
a:hover {color: #FF0000; font-weight: normal; text-decoration: underline;}
td {font-size: 12px;}

a.infoBulle {color: black; background: yellow; position: relative}
a.infoBulle span { display: none; }
a.infoBulle:hover {text-decoration: none; background: none; /* correction d'un bug IE */ }
a.infoBulle:hover span {top: 10px; left: 40px; display: inline; position: absolute; z-index: 600; border: 1 solid black; background: yellow; color: black; padding: 2px; text-decoration: none; filter: alpha(opacity=100); -moz-opacity: 1.00}

.display1 {font-family: arial, sans-serif; font-size: 11px; padding-left: 10px}	 
.display2 {font-family: arial, sans-serif; font-size: 11px; padding-left: 30px}	
.boiteTexte {margin: 2px 16px 2px 12px;}
.permalien {font-size: 9px; text-align: right}
.centre {text-align: center;}
.red {color: #ff0000;background-color: transparent;}
.cadrelien {width: 150px; background-color: #FFFFFF; border: 1px dotted #000000; text-align: center} 
.cadrelien a:link {font-family: arial, sans-serif; font-style: normal; color: #000000; font-weight: normal; text-decoration: none}
.cadrelien a:active {font-family: arial, sans-serif; font-style: normal; color: #000000; font-weight: normal; text-decoration: none}
.cadrelien a:visited {font-family: arial, sans-serif; font-style: normal; color: #000000; font-weight: normal; text-decoration: none}
.cadrelien a:hover {font-family: arial, sans-serif; font-style: normal; color: #FF0000; font-weight: normal; text-decoration: none}
.cadrelienSWF {background-color: #FFFFFF;margin: 0 0 0 200px} 
.cadrelienQUICK {background-color: #EBEBEB; margin: 0 0 0 220px; padding: 0 30px 0 30px} 
.cadrelienQUICK a:link {color: #00CC00; font-weight: bold; text-decoration: none}
.cadrelienQUICK a:visited {color: #00CC00; font-weight: bold; text-decoration: none}
.cadrelienQUICK a:hover {color: #FF0000; font-weight: bold; text-decoration: none}
.urlSite {padding-top: 8px;}
.urlSite a:link {color: #DDE9FE; font-weight: normal; text-decoration: none}
.urlSite a:active {color: #DDE9FE; font-weight: normal; text-decoration: none}
.urlSite a:visited {color: #DDE9FE; font-weight: normal; text-decoration: none}
.urlSite a:hover {color: #FF0000; font-weight: normal; text-decoration: underline}
.floatdroite {float: right; margin: 0px 10px 0px 2px;padding: 0 10px 0 2px;}
.floatgauche {float: left; margin: 0px 2px 0px 2px;padding: 0 2px 0 2px;}
.titrePage {background-image: url(../images/academie.png); background-repeat: no-repeat; color: #FFFFFF; font-family: arial, sans-serif; font-style: normal; font-weight: bold; font-size: 40px; margin-top: 40px; padding-left: 120px; margin-left: 370px}
.soustitrePage {color: #FFFFFF; font-family: arial, sans-serif; font-style: normal; font-weight: normal; font-size: 30px; margin-top: -76px; padding-left: 120px; margin-left: 380px}
.personnage {margin-top: -158px;margin-left:30px;}
.photo {padding: 7px; border: 1px solid #464646; float: left; margin-right: 10px; margin-bottom: 15px; margin-left: 26px; background: #FFFFFF}
.cadreNoir {padding: 7px; border: 1px solid #464646; margin-right: 30px; margin-bottom: 15px; margin-left: 26px; margin-top: 20px; background: #EFEFEF}
.help { border-bottom: 1px dotted #333; cursor: help; }
.footer {font-size: 10px}
.nuage a:link {font-family: arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none}
.nuage a:active {font-family: arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none}
.nuage a:visited {font-family: arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none}
.nuage a:hover {font-family: arial, sans-serif; font-style: normal; color: #FFFFFF; font-weight: normal; text-decoration: none; background-color: #FF0000}
.pagination {font-size: xx-small; color: #00CC00; font-weight: bold}
.pagination a:link {font-family: arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none}
.pagination a:active {font-family: arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none}
.pagination a:visited {font-family: arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none}
.pagination a:hover {font-family: arial, sans-serif; font-style: normal; color: #FFFFFF; font-weight: normal; text-decoration: none; background-color: #006699}
.spacer {  clear: both;}
.barEnd {margin: 0 0 0 0;padding: 0 0 15px 0;list-style: none;background-image: url(../images/bg_end.png);background-repeat: no-repeat;background-position: bottom left;}
.barEnd_comment {margin: 0 0 0 0;padding: 0 0 54px 0;list-style: none;background-image: url(../images/bg_end_comment.png);background-repeat: no-repeat;background-position: bottom left;}
.barEnd_comment_txt {margin: -30px 0 0 200px;padding: 0 0 20px 0;font: italic; font-size:10px;}
.barEnd_formulaire {margin: 0 0 0 0;padding: 0 0 15px 0;list-style: none;background-image: url(../images/bg_end_formulaire.png);background-repeat: no-repeat;background-position: bottom left;}
.barTop {margin: 14px 0 0 -1px; padding: 16px 0 0 0; list-style: none; background-image: url(../images/bg_top.png); background-repeat: no-repeat; background-position: bottom left;}
.rangement {margin: 0px 16px 0 -10px; padding: 0px 0 0 0; list-style: none; background-color: #ECECEC}
.barTop_formulaire {margin: 14px 0 0 -1px; padding: 16px 0 0 0; list-style: none; background-image: url(../images/bg_top_formulaire.png); background-repeat: no-repeat; background-position: bottom left;}
.barDtEnd {margin: 0 0 0 0; padding: 0 0 20px 0; list-style: none; background-image: url(../images/bg_dt_end.jpg); background-repeat: no-repeat; background-position: bottom left;}
.barDtTop {margin: 10px 0 8px 0; padding: 14px 0 0 0px; list-style: none; background-image: url(../images/bg_dt_top.jpg); background-repeat: no-repeat; background-position: bottom left;}
.barDtTopFoot {margin: 10px 0 8px 0; padding: 14px 0 0 0px; list-style: none; background-image: url(../images/bg_dt_top_foot.jpg); background-repeat: no-repeat; background-position: bottom left;}
.date {font: italic; font-size:10px}
.auteur {font: italic; font-size:10px}
.motscles {font: italic; font-size:10px}
.icones {margin: 0 0 0 350px}   
.commentaire {background-image: url(../images/nbutn.gif); background-repeat: no-repeat; background-position: top left; color: navy; font-family: arial, sans-serif; font-style: normal; font-weight: bold; font-size: 14px; padding-left: 20px; margin-left: 10px}
.pagedefaut {margin: -10px 0px -10px 40px; color:#0000CC;font-size:9px} 
.illustration {border-width:1px;border-style:solid;border-color:black;margin:10px 0px 0px 0px;}
.legende {position:relative;width: 150px; text-align: center; background-color:#006699; margin: -24px 0px 0px 150px; padding: 1px 0px 1px 0px; color: white; font-size:10px;}

/*--------------------------------------------------
				MENU AVEC ONGLETS
  --------------------------------------------------*/
/*--------------------------------------------------
  Cache le contenu non actif à l'écran.
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = avant que le tabber interface soit ok
  .tabberlive = après que le tabber interface soit ok
  --------------------------------------------------*/
.tabber {}

.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = tab navigation
  li.tabberactive = tab actif
  --------------------------------------------------*/
ul.tabbernav
{
 padding: 3px 0;
 margin: 4px 10px 0px 4px;
 border-bottom: 1px solid #778;
 font: bold 11px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = tab contenu
  Ajoute le style seulement après que le tabber interface soit ok (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
margin: 0px 10px 4px 4px;
 padding:5px;
 border:1px solid #aaa;
 background: white;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/*--------------------------------------------------
				style pour la rssbox
  --------------------------------------------------*/
	#rssBox {width: 300px; margin: 10px 0 0 10px; height: 130px; font-size: 0.8em; 
		 /* Never change these two values */
		overflow: hidden; position: relative}		
	
	#rssBox .slide{background-color:#FEFCFB}
	
	.rssBoxDate{
		/*  display:none;	I don't want to show the date */
	}
	.rssBoxHeading {font-size: 12px; font-weight: bold; color: #000000; margin: 0 0 10px 0}
	.rssBoxDescription{	/* Description of RSS item */
	
	}	
	.rssBoxLink:link {color: #FF0000; font-weight: bold; text-decoration: none}
	.rssBoxLink:hover{text-decoration:underline;}

/*--------------------------------------------------
				style pour saisie commentaires
  --------------------------------------------------*/   
#GHead {padding:0px;margin:0px;text-align:center;}
#GHeadL1 {padding-top:5px;margin-left:auto;margin-right:auto;}
#GHeadL1 .espace-perso:hover #AccountPanel {top: auto}
#GHeadL1 .espace-perso a.icon { display: block; width: 149px; height: 56px; padding: 8px 0 0 24px; text-align: center; text-decoration: none; color: #000; background: transparent url(../images/HeaderAccountOff.jpg) no-repeat scroll top left; }
#GHeadL1 .espace-perso #AccountPanel { display:block; font-size: 0.9em; position: absolute; background: transparent url(../images/EpHeaderPanel.gif) no-repeat;	margin: -24px 0 0 2px; padding: 30px 13px 20px 13px; top: -10000px; width: 192px; height: 152px;}
#GHeadL1 .espace-perso #AccountPanel dl { margin: 0; padding: 0; }
#GHeadL1 .espace-perso #AccountPanel dd { margin: 0 0 5px 0; padding: 0; }
#GHeadL1 .espace-perso #AccountPanel input[type=text],
#GHeadL1 .espace-perso #AccountPanel input[type=password] { padding: 0; margin: 0; height: 13px; width: 120px; font-size: 1.1em}
#GHeadL1 .espace-perso #AccountPanel input[type=image] {position: absolute;margin: -24px 0 0 135px;}
#GHeadL1 .espace-perso #AccountPanel hr {border: 0 none; color: #999; background-color: #999; height: 1px; margin: 14px 0px; }
#GHeadL1 .espace-perso #AccountPanel a.register span,
#GHeadL1 .espace-perso #AccountPanel a.password span {display:none}
#GHeadL1 .espace-perso #AccountPanel a.register,
#GHeadL1 .espace-perso #AccountPanel a.password {display: block;background: transparent url(../images/EpHeaderRegister.gif) no-repeat;width: 190px;height: 21px;}
#GHeadL1 .espace-perso #AccountPanel a.password {background-image: url(../images/EpHeaderPassword.gif);}
#GHeadL1 .espace-perso #AccountPanel a:hover {background-position: bottom left;}
#GHeadL1 .espace-perso #AccountPanel br {line-height: 5px;}
/*--------------------------------------------------
				style pour loupe logo
  --------------------------------------------------*/    
a.logoEcole :hover { display:block; width: 100px; height: 100px;}