/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#4D4E4E;
	background-color:#FFFFFF;
	margin:0;
	margin-top:10px;
	padding:0;
	font-size: 1em;
	}
	
form, h1, h2, h3, h4, h5 { margin:0; padding:0;}

#conteneur {
	position: relative;
	width:960px;
	margin: 0 auto;
}

.colonne {
	float:left;
	width:45%;
}

/* MENU */
#conteneur #menu {
	position: relative;
	width:960px;
	height:196px;
	margin: 0 auto;
}
#menu #menu_principal {
	position:absolute;
	left:213px;
	bottom:32px;
	height:38px;
	width:747px;
	background:url(../images/fd_menu.jpg) no-repeat;
}
#menu #menu_principal ul {
	position:relative;
	padding:0;
	margin:0
}
#menu #menu_principal li {
	position:relative;
	margin:0;
	padding:0;
	display:inline;
	float:left;
	text-indent:-50000px;
}
#menu #menu_principal li a {
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:38px;
}
#menu #menu_principal li a.contact {
	background:url(../images/menu_contact.jpg) no-repeat;
	width:59px;
}
#menu #menu_principal li a.contact:hover {
	background:url(../images/menu_contact_hover.jpg) no-repeat;
	width:59px;
}
#menu #menu_principal li a.projets {
	background:url(../images/menu_projets.jpg) no-repeat;
	width:84px;
}
#menu #menu_principal li a.projets:hover {
	background:url(../images/menu_projets_hover.jpg) no-repeat;
	width:84px;
}
#menu #menu_principal li a.environnement {
	background:url(../images/menu_environnement.jpg) no-repeat;
	width:153px;
}
#menu #menu_principal li a.environnement:hover {
	background:url(../images/menu_environnement_hover.jpg) no-repeat;
	width:153px;
}
#menu #menu_principal li a.ecole {
	background:url(../images/menu_ecole.jpg) no-repeat;
	width:108px;
}
#menu #menu_principal li a.ecole:hover {
	background:url(../images/menu_ecole_hover.jpg) no-repeat;
	width:108px;
}
#menu #menu_principal li a.college {
	background:url(../images/menu_college.jpg) no-repeat;
	width:117px;
}
#menu #menu_principal li a.college:hover {
	background:url(../images/menu_college_hover.jpg) no-repeat;
	width:117px;
}
#menu #menu_principal li a.lycee {
	background:url(../images/menu_lycee.jpg) no-repeat;
	width:98px;
}
#menu #menu_principal li a.lycee:hover {
	background:url(../images/menu_lycee_hover.jpg) no-repeat;
	width:98px;
}
#menu #menu_principal li a.vie {
	background:url(../images/menu_vie.jpg) no-repeat;
	width:128px;
}
#menu #menu_principal li a.vie:hover {
	background:url(../images/menu_vie_hover.jpg) no-repeat;
	width:128px;
}



/* BANDEAU HAUT */

#menu #anim_bandeau {
	position:absolute;
	left:213px;
	top:0;
	height:126px;
	width:747px;
	background:url(../images/fd_anim_menu.jpg) no-repeat;
}
#menu #anim_logo {
	position:absolute;
	left:0;
	top:0;
	height:196px;
	width:213px;
	background:url(../images/fd_logo.gif) no-repeat;
}
#menu #anim_logo h1 {
	text-indent:-50000px;
}
#menu #titre_page {
	position:absolute;
	left:213px;
	top:164px;
	height:32px;
	width:747px;
	background:url(../images/fd_titre.jpg) no-repeat;
}
#menu #titre_page h2 {
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:normal;
	padding-top:4px;
}


/* PAGE */
#conteneur #page {
	position: relative;
	width:960px;
	margin: 0 auto;
}
#page #contenu {
	position: relative;
	width:700px;
	float:left;
	
	height: auto;
	min-height: 336px; /* pour firefox prenne toute la hauteur de page*/
	_height: 336px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 336px;
}
.page_int {
	background:url(../images/fd_page.gif);
}
.page_vie {
	background:url(../images/fd_page_vie_sco.jpg) no-repeat;
}
#page #contenu_texte {
	position: relative;
	width:405px;
	margin-left:300px;
	padding-top:30px;
	
	height: auto;
	min-height: 336px; /* pour firefox prenne toute la hauteur de page*/
	_height: 336px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 336px;
}
#page #contenu_texte h3 {
	color:#15758D;
	font-size:1.15em;
}
#page #contenu_texte h3.coul_lycee, 
#page #contenu_texte h5.coul_lycee, 
#page #sous_menu li a.coul_lycee {
	color:#713F8B;
}
#page #contenu_texte h3.coul_college, 
#page #contenu_texte h5.coul_college, 
#page #sous_menu li a.coul_college {
	color:#3F94D0;
}
#page #contenu_texte h3.coul_ecole, 
#page #contenu_texte h5.coul_ecole, 
#page #sous_menu li a.coul_ecole {
	color:#E77502;
}

#page #contenu_texte h4 {
	color:#858686;
	font-size:0.88em;
}
#page #contenu_texte h5 {
	color:#15758D;
	font-size:0.77em;
	padding:0;
	margin:0;
	margin-top:10px;
	margin-bottom:5px;
}
#page #contenu_texte p {
	font-size:0.77em;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;
}
#page #contenu_texte p a {
	color:#4D4E4E;
}
#page #contenu_texte p a:hover {
	color:#000000;
}
#page #contenu_texte p.puce {
	padding-left:10px;
	background:url(../images/puce_carre_bleu_gd.gif) no-repeat left 0.3em;
}
#page #contenu_texte ul {
	font-size:0.77em;
	margin:0;
	padding:0;
	/*margin-left:1em;*/
	list-style-position:inside;
}
#page #contenu_texte li {
	padding:0;
	margin:0;
}
#page #contenu_texte img {
	border:0;
}
/* paragraphe deroulant */
#page #contenu_texte span.fulltext {
	margin:0;
	padding:0;
}
/* liste photos */
#page #liste_photos {
	position:absolute;
	right:0;
	top:30px;
	width:220px;
}
#page #liste_photos img {
	padding:5px;
	border:solid 1px #CCCCCC;
	margin-top:10px;
}
#page #liste_photos img.illustre {
	border:0;
	}




/* SOUS MENU */
#page #sous_menu {
	position: relative;
	width:180px;
	float:left;
	padding-left:30px;
	padding-top:30px;
}
#page #sous_menu ul, #sous_menu li, #sous_menu dl, #sous_menu dt {
	margin:0;
	padding:0;
}
#page #sous_menu ul, #page #sous_menu dl {
	position:relative;
	margin-top:15px;
}
#page #sous_menu li {
	position:relative;
	list-style-type:none;
	list-style-position:outside;
	padding-left:8px;
	background:url(../images/puce_carre_bleu.gif) no-repeat left 0.5em;
}
#page #sous_menu li a {
	color:#15758D;
	font-size:0.82em;
	text-decoration:none;
}
#page #sous_menu li a:hover, #page #sous_menu dd a.coul_lycee:hover,
#page #sous_menu dd a.coul_college:hover, #page #sous_menu dd a.coul_ecole:hover {
	color:#4D4E4E;
}
#page #sous_menu img {
	border:0;
	margin-right:5px;
	float:left;
}
#page #sous_menu img dt {
	position:relative;
}
#page #sous_menu dd {
	padding-top:10px;
}
#page #sous_menu dd a.coul_ecole {
	color:#E77502;
	font-size:0.82em;
	text-decoration:none;
}
#page #sous_menu dd a.coul_lycee {
	color:#713F8B;
	font-size:0.82em;
	text-decoration:none;
}
#page #sous_menu dd a.coul_college {
	color:#3F94D0;
	font-size:0.82em;
	text-decoration:none;
}
#page #fil_ariane {
	position: relative;
	font-size:0.65em;
	color:#7A7A7A;
	}
#page #fil_ariane a {
	color:#7A7A7A;
}
#page #fil_ariane a:hover {
	color:#4D4E4E;
}
#page #visuel_page {
	position:absolute;
	left:200px;
	width:90px;
}
#page #visuel_page.nos_projets {
	background:url(../images/visuel_nos_projets.gif) no-repeat;
	height:300px;
}
.visuel_college {
	background:url(../images/visuel_college.gif) no-repeat;
	height:390px;
}
.visuel_lycee {
	background:url(../images/visuel_lycee.gif) no-repeat;
	height:410px;
}
.visuel_ecole {
	background:url(../images/visuel_ecole.gif) no-repeat;
	height:500px;
}
.visuel_env {
	background:url(../images/visuel_environnement.gif) no-repeat;
	height:500px;
}
#page #filet_page {
	position:absolute;
	left:17px;
	width:20px;
}
#page #filet_page span.filet_gris_left {
	border-left:solid 3px #E1E1E1;
	display:block;
	height:100px;
}
#page #filet_page span.filet_vert_left {
	border-left:solid 3px #91BC1F;
	display:block;
	height:40px;
}





/*ACCUEIL */
#plus_actu {
	font-size:11px;
	font-weight:bold;
	text-align:center;
	height:25px;
	background:url(../images/bt_actu_accueil.jpg) top center no-repeat;
	padding-top:5px;
	margin-bottom:1.5em;
}
#plus_actu a { color:#FFFFFF; text-decoration:none;}
#plus_actu a:hover { color: #CCCCCC; text-decoration:none;}
#menu #haut_contenu_annexe {
	position:absolute;
	background-color:#F4F4F4;
	top:164px;
	right:0;
	width:236px;
	height:32px;
}
.accueil {
	background:url(../images/fd_accueil.jpg) no-repeat;
}
#page.accueil h2 {
	color:#15758D;
	font-size:1.15em;
}
#page.accueil h3 {
	font-size:0.88em;
}
#contenu #texte_accueil {
	position:absolute;
	left:30px;
	top:55px;
	width:330px;
}
#page #texte_accueil p {
	font-size:0.77em;
}
#menu_secondaire ul {
	position:relative;
	padding:0;
	margin:0
}
#menu_secondaire li {
	position:relative;
	margin:0;
	padding:0;
	margin-right:23px;
	display:inline;
	float:left;
	text-indent:-50000px;
}
#menu_secondaire li a {
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:86px;
	width:86px;
}
#menu_secondaire li a.ecole_sec {
	background:url(../images/ecole_sec.gif) no-repeat;
}
#menu_secondaire li a.ecole_sec:hover {
	background:url(../images/ecole_sec_hover.gif) no-repeat;
}
#menu_secondaire li a.college_sec {
	background:url(../images/college_sec.gif) no-repeat;
}
#menu_secondaire li a.college_sec:hover {
	background:url(../images/college_sec_hover.gif) no-repeat;
}
#menu_secondaire li a.lycee_sec {
	background:url(../images/lycee_sec.gif) no-repeat;
}
#menu_secondaire li a.lycee_sec:hover {
	background:url(../images/lycee_sec_hover.gif) no-repeat;
}
#contenu #diaporama {
	position:absolute;
	left:480px;
	top:30px;
	width:196px;
	height:140px;
	background:url(../images/fd_diaporama.gif) no-repeat;
}
#contenu #encart {
	position:absolute;
	left:480px;
	top:190px;
	width:206px;
	background:#bdd675;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:0.71em;
	text-align:center;
}
#contenu #encart p {
	border-left:solid 2px #83ad25;
	border-right:solid 2px #83ad25;
	margin:0;
	padding:0;
	padding:5px;
}
#contenu #encart span.haut {
	height:23px;
	display:block;
	background:url(../images/haut_arondi.gif) no-repeat;
}
#contenu #encart span.bas {
	height:26px;
	display:block;
	background:url(../images/bas_arondi.gif) no-repeat;
}
#page #contenu_annexe {
	position:relative;
	top:0;
	right:0;
	width:236px;
	float:right;
}
#page #contenu_annexe dl, #page #contenu_annexe dt, #page #contenu_annexe dd {
	margin:0;
	padding:0;
}
#page #contenu_annexe dl {
	width:190px;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:20px;
}
#page #contenu_annexe dt {
	font-size:0.71em;
	color:#015F76;
	font-weight:bold;
}
#page #contenu_annexe dd {
	font-size:0.71em;
}
#page #contenu_annexe h3 {
	font-size:0.88em;
	color:#C0C1C1;
	margin-left:20px;
	letter-spacing:-0.03em;
}
#page #contenu_annexe dt {
	/*float:left;*/
}

#page #contenu_annexe dd.ecole_directe {
	padding-top:10px;
}
#page #contenu_annexe dl.ecole_directe {
	margin-top:0px;
	width:210px;
}
a.lien_ecole_directe {
	color:#7EA810;
	font-weight:bold;
	text-decoration:none;
}
#page #contenu_annexe dd.b2i {
	padding-top:10px;
}


/* PIED PAGE */

#conteneur #pied {
	position:relative;
	width:960px;
	height:20px;
	margin:0 auto;
	background-color:#CACACA;
	text-align:center;
	font-size:0.71em;
	padding-top:3px;
	}

a.lien {
	color:#15758D;
}
a.lien:hover {
	color:#000000;
}
.spacer {
	clear:both;
}
.left {
	float:left;
	}
.right {
	float:right;
	}
.fin_page {
	height:20px;
}
img.diapo {
	position:relative;
	padding:5px;
	border:solid 1px #CCCCCC;
}
.float-left {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}
.float-right {
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}

/* RESULTATS */

#tableau_resultats tr {
	height:30px;
	text-align:center;
	font-size:0.71em;
}
#tableau_resultats td {
	border:solid 1px #CCCCCC;
}
.entete_tab_college {
	background:#3F94D0;
	color:#FFFFFF;
}
.entete_tab_lycee {
	background:#713F8B;
	color:#FFFFFF;
}

/* VIE DE L ETABLISSEMENT SPIP */

.liste-articles dl {
	margin-bottom:40px;
}
#contenu_texte .liste-articles dd {
	font-size:0.77em;
	margin-left:100px;
}
#contenu_texte .liste-articles dt img {
	float:left;

}
#contenu_texte dd.lien_article {
	/*border-bottom:solid 1px #999999;*/
}
#contenu_texte dd.lien_article a {
	font-size:0.77em;
	color:#15758D;
	text-decoration:none;
	text-transform:uppercase;
}
#contenu_texte dd.lien_article a:hover {
	color:#000000;
}
#contenu_texte .rubriques li a {
	color:#15758D;
}
#contenu_texte .rubriques li a:hover {
	color:#000000;
}
.menu-titre {
	color:#858686;
	font-size:0.88em;
}
#contenu_texte #menu_articles ul {
	margin:0;
	padding:0;
	margin-bottom:20px;
}
#contenu_texte #menu_articles li {
	margin:0;
	padding:0;
	margin-right:15px;
	display:inline;
	list-style-type:none;
}
#contenu_texte #menu_articles li a {
	color:#15758D;
	font-size:0.71em;
}
#contenu_texte #menu_articles li a:hover {
	color:#000000;
}
#contenu_texte #documents_article {
	font-size:0.65em;
	border-top:dashed 1px #999999;
}
/* documents articles */
#contenu_texte #documents_article a {
	color:#666666;
	text-transform:uppercase;
}
#contenu_texte #documents_article a:hover {
	color:#000000;
}
#contenu_texte #documents_article dt img {
	float:left;
	margin-right:5px;
}
#contenu_texte #documents_article dl dd {
	margin:0;
	padding:0;
}

/* Mini calendrier*/
#page #calendrier {
	position:absolute;
	right:0;
	top:30px;
	width:220px;
}
#page #calendrier h3 {
	font-size:0.77em;
	font-weight:bold;
	color:#698C0C;
	margin-bottom:10px;
}
table.agenda {
	font-size: 75%;
	width:170px;
}
th.agendaHead {
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #5A574C; 
	background-color: #EAEAEA; 
	text-align: center
}
th.agendaNav {
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center
}
a.agendaNav {
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #15758D;
}
td.agendaNotThisMonth {
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #959595; 
	background-color: #EAEAEA;
	text-align: center
}
td.agendaNotThisDay {
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	color: #A90027; 
	background-color: #CFCBBC; 
	text-align: center
}
td.agendaThisMonth {
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #5A574C; 
	background-color: #CACACA;
	text-align: center
}
a.small, a.beg {color: #CC3300; font-weight:bold;}

a.lien_mois_menu {
	font-size:0.71em;
	color:#999999;
}


/* calendrier par mois */
#contenu_texte dl.liste_evenements,
#contenu_texte dl.liste_evenements dd {
	margin:0;
	padding:0;
}
#contenu_texte dl.liste_evenements {
	margin-bottom:20px;
}
#contenu_texte dl.liste_evenements dd {
	margin-left:85px;
}
#contenu_texte dl.liste_evenements dd a {
	font-size:0.71em;
	color:#15758D;
}
.date_evenement {
	font-size:0.71em;
	color:#888888;
	font-weight:bold;
}
.titre_evenement {
	font-size:0.88em;
	color:#15758D;
	font-weight:bold;
}
.descriptif_evenement {
	font-size:0.65em;
	border-top:solid 1px #888888;
}

.legende_photo {
	font-size:0.77em;
	font-style:italic;
	float:left;
}

a:hover {
	color:#4D4E4E;
}