/*  --------------------------------------------------------- */
/*  Feuilles de styles du site cti.fr par kaliope.net  */
/*                             2008 - 2010                          */
/*  --------------------------------------------------------- */

/*       REMISE A ZERO DES STYLES HTML         */
/*                               Thanks to                           */
/*   http://meyerweb.com/eric/tools/css/reset/   */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, select, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;/* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
	vertical-align:baseline;
	background:transparent;
}
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {	content:''; content:none; }

/* remember to define focus styles! */
:focus { outline:0; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }

/* FIN DE LA REMISE A ZERO */

body { font-family:Verdana, Tahoma, Arial, sans-serif; text-align:center; font-size:0.88em; color:#37495B; line-height:1.5; background:#526474 url(fond.jpg) 0 0 no-repeat;}

p, p.spip { margin-bottom:1em; }
p.soustitre { margin-left:1.15em; font-style:italic; }
p.lien { margin:0 0 0.5em 1.15em; padding-left:25px; background: transparent url(web.png) 0 0 no-repeat; }

h1, h2, h3, h4, h5, h6 { line-height:1; }
h1 {	margin-bottom:1em; padding:6px 1em; font-size:0.96em; font-weight:bold; font-family:"Lucida Grande", Arial, sans-serif;	color:#fff; line-height:1; border-left:25px solid #E4750F; background-color:#37495B;}
#ie6msg h1 {border:0; background-color:transparent;}
h2 {	margin-bottom:0.5em; padding-top:2px; font-family:Verdana, Tahoma, sans-serif; font-size:12px; font-weight:bold; font-variant:small-caps; line-height:1; }
h3 {	margin:0.5em 0; font-weight:bold; }
h4, h5, h6 { font-weight: normal; }

.carre-orange { padding-left:15px; background: transparent url(puce.png) 0 5px no-repeat; }
.voir { cursor:pointer; }

blockquote { margin-left:2em; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page { position:relative; max-width:1200px; margin:14px 50px; text-align: left; }

#conteneur { position:relative; width:100%; }

#conteneur #navigation { float:left; width:250px; padding-bottom:1em; }

#conteneur #presentation {	display:block;	margin: 0 1em 1em 40%; color:#e1e2e5; font-family:"Times New Roman",Times,serif; font-size:18px; font-style:italic;	line-height:1.2; text-align:justify; }

#conteneur #contenu { display:block; margin-left:280px; padding-bottom:1em; text-align:justify; background-color:#e1e2e5; overflow:hidden; }

/* Bloc des archives */
#contenu .contre-encart { float:right; max-width:50%; margin:0 1.5em 1em 1em; }

#contenu .contre-encart h2 { margin:0 0.4em 0.4em; font-size:0.88em; font-weight:bold; }

#contenu .contre-encart ul { margin:0; padding:0.5em; border:1px dotted #E4750F; }

#contenu .contre-encart ul li { padding-left:12px; background: url(puce.gif) 0 8px no-repeat;}


/* Bloc des liens */
#contenu #liens { display:block; margin:0 1.5em; }

#contenu #liens h2 { margin-bottom:1em;	padding-bottom:5px; padding-left:2em; line-height:1.2; background: transparent url(web.png) 0 0 no-repeat;}

ul.liens {	margin:0 1em 1.5em; padding: 0 0.5em; border:1px solid #CCC; background:#EEE; }

ul.liens li{ margin:0.5em 0; padding:0 0 0 15px;	background: transparent url(puce.gif) 0 10px no-repeat; }

ul.liens li span{ font-size:0.88em; font-style:italic; font-weight:normal; }

/* Blocs des listes d'académies et d'établissements */
#contenu .liste { float:left; width:44%; margin-left:35px; }

#contenu .liste ul { height:400px; margin:0; padding:0 0 0.5em; font-size:0.92em; border:1px solid #37495B;	overflow:auto; }

#contenu .liste ul li.transparente { padding:0.2em 0 0 20px; background:url(puce.gif) 5px 10px no-repeat; }

#contenu .liste ul li.coloree { padding:0.2em 0 0 20px; background:#eee url(puce.gif) 5px 10px no-repeat; }

/* Entete */
#entete #nom_site_spip, #entete a .spip_logos { display:block; float:left; margin:4px 0 2px; font-weight:bold; font-size:1.5em; }

#utilitaire { float:right; padding:0.5em; line-height:1.5em; border:1px solid #E4750F; }

#utilitaire a.carre-orange { display:block; font-size:0.88em; color:#fff; background: transparent url(puce.png) 0 8px no-repeat; }

/* Fil d'Ariane */
#hierarchie { clear: both; margin-bottom:2em; padding-top:5px; font-size:0.77em; color:#fff; line-height:1.5; text-align:right; }

#hierarchie span.baseline { float:left; width:400px; font-size:16px; font-weight:bold; font-family: Arial, Verdana, Tahoma, sans-serif; line-height:1; text-align:left; color:#526474; }

/* Pied de page */
#retour-haut-page { clear:both; margin:1em 0; padding-right:15px; padding-left:20px; }

#retour-haut-page span { float:right; }

#retour-haut-page span a {	font-size:0.88em;	color:#fff;}

#pied { padding:1px 15px 3px; text-align:right;	color:#fff; background-color:#37495B; }

#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/*  Le bloc contenant le menu */
.rubriques { margin-bottom: 1em; font-size:0.88em; font-weight:bold; line-height:1.4; background: transparent url(fond_menu.jpg) 0 -3px no-repeat; }
.rubriques-cti { margin-bottom:1em; font-size:0.88em; font-weight:bold; line-height:1.4; background: transparent url(fond_menu.jpg) 0 -23px no-repeat; }

.rubriques a, .rubriques-cti a {color: #37495B}
.rubriques a.on, .rubriques-cti a.on {color: #E4750F}

/*  Le menu lateral */
ul#menulist li ul{ display:none; }

ul#menulist li a:hover>ul, ul#menulist li:hover>ul{ display:block;}

ul#menulist {	position:relative; top:0; left:0; padding:0.2em 5px; border:1px solid #37495B; background-color:transparent;	list-style:none; z-index:10; }

ul#menulist li { position:relative; padding:3px 0 3px 15px; background:transparent url(puce.png) 0 9px no-repeat; }

ul#menulist li a { display:block; line-height:1.5em; }

ul#menulist li ul { position:absolute; top:0; left:160px; width:220px; padding: 3px 8px; border:1px solid #37495B; background-color:#e1e2e5; z-index:20; }

ul#menulist ul li { display:block; padding:3px 0.5em 3px 12px;	border-top:1px dotted #fff;	background: transparent url(puce.gif) 0 10px no-repeat; }

ul#menulist ul li:first-child { border-top:none; }

ul#menulist ul li a { display:block; font-weight:normal; }

/*  Fin du menu depliant */

#connexion {	display:block;	padding:0.5em; font-weight:bold; line-height:2; border:1px solid #E4750F; }

#connexion a { display:block; font-size:0.92em; color:#fff;}

#connexion a img{	vertical-align:middle;}

#connexion a.carre-orange { background: transparent url(puce.png) 0 10px no-repeat;}

/*  Les logos */

#contenu .spip_logos {	float:left; margin:5px 15px 5px 25px; border:2px inset #e1e2e5; }

#contenu ul.liens li .spip_logos{ float:right; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo { padding:0.5em 1.5em 0.5em; font-weight:bold; font-size:0.92em; line-height:1.2; }

.texte { padding:0; margin: 0 1.5em 1em; color: #000; font-size: 0.88em; }

.ps, .notes { margin:1.5em; padding-top:2px; border-top:1px dotted #fff; }
.ps { font-size:0.82em; }
.notes { clear:both; font-size:0.77em; }
.ps h2, .notes h2 { font-size:1.19em; font-weight:bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio { clear: both; margin-top:1.4em; padding-top:2px; border-top:2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top:1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints { float:right; width:250px; margin:0 1em 1em 2em; }
#documents_joints h2 { margin:0.4em; font-size:0.88em; font-weight:bold; }
#documents_joints ul { padding:0.5em; border:1px dotted #E4750F; }
#documents_joints li { margin-bottom:0.4em; padding-left:20px; text-align:left; background:url(punaise.png) 0 0 no-repeat;}

#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */

.liste-articles{ clear:left; margin:0 2em; }
.liste-articles ul li { clear:left; margin-bottom:0.5em; padding:0 0 0.2em; border-bottom:1px dotted #fff; }

.liste-articles ul li .spip_logos { margin-left: 0;}

.liste-articles ul li ul { margin-left:1em; }

.liste-articles ul li ul li {	padding:0; border-bottom:none; }

.liste-articles ul li.organigramme { padding:0 0 0.5em 2em; background: url(personnage.png) 0 2px no-repeat; }

.liste-articles ul li.organigramme span { font-size:0.92em; font-style:italic; }
/* ATT répétition plus bas */
.liste-articles .texte { font-size:0.88em;}

.liste-articles ul li .enclosures { float:right; text-align:right; max-width:60%; margin:0; }

.liste-articles ul li small { display:block; margin-top:0; margin-left:1.5em; font-size:0.77em; }

.liste-articles ul li .texte { margin-top:5px; padding-left:1em; line-height:1.4; }

.pagination { font-size:0.82em; text-align:center; }

/*  ------------------------------------------
/*  Formulaire de login à l'epace membre
/*  ------------------------------------------ */

div#login { width:320px; margin:0 auto; padding:10px; }

div#login form { margin-bottom:2em; }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { width:99%; font-size:0.92em }

.formulaire_ecrire_auteur { width:520px; margin:0 2em; }

.formulaire_spip ul { margin:1em 0 0; }

.formulaire_spip ul li { clear:left; margin-bottom:1em; }

.formulaire_ecrire_auteur ul li label { float:left; width:200px; text-align:right; }

.formulaire_ecrire_auteur ul li input, .formulaire_ecrire_auteur ul li textarea {
	display:inline;
	width: 250px;
	margin-left:1em;
	padding:2px;
	font-family: inherit;
	font-size: 12px;
	border:1px solid #526474;
	background-color: #eee;
}

/* Formulaire de login */
#formulaire_login{ width:99%; text-align:left; }

#formulaire_login ul li input {
	clear:left;
	width: 99%;
	margin:2px 0;
	padding:2px;
	font-family: inherit;
	font-size: 12px;
	border:1px solid #526474;
	background-color: #eee;
}
#formulaire_login ul li input.checkbox { width:20px; margin-top:5px;}

/* Boutons */
p.boutons { margin-right:40px; text-align: right; }

p.boutons input{ margin-top:10px; margin-right:20px; padding:2px 10px; font-weight:bold; color:#526474; border:1px solid #526474; background:#eee; }

p.boutons input:hover{ color:#E4750F; cursor:pointer; }

/* Messages d'erreur du formulaire */
.formulaire_ecrire_auteur ul li span.erreur_message { clear:left; float:left; width:200px; padding-bottom:1em; font-size:11px; color:#E4750F; text-align:right; }

/* Reponse du formulaire */
.reponse_formulaire { margin-bottom:1em; padding-left:1em; font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border:1px dotted #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; background-color:#eee; }
fieldset.previsu legend{ font-weight:bold; }
fieldset.previsu .boutons input{ color:#FFF; background-color:#e86519; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
form.formrecherche {margin-bottom: 0.5em; margin-left:15px; }
.formrecherche input#recherche, .formrecherche input.boutoncherche { color:#526474; display:inline; border:2px inset #526474; background-color:#e1e2e5; }
.formrecherche input#recherche {padding: 0 2px; }
.formrecherche input.boutoncherche {  font-weight:bold; border:1px outset #526474; }
.formrecherche input.boutoncherche:hover {  cursor: pointer; color:#E4750F; }

/*  ------------------------------------------
/*  Habillage des tableaux
/*  ------------------------------------------ */

table.etablissement { width:96%; margin:0 1.5em; padding-bottom:1em; font-size:0.88em;}

table.etablissement caption { caption-side:top; /* bottom pas pris en compte par IE */ text-align:center; margin:auto; padding-bottom:5px; font-weight:bold; }

table.etablissement h2 { margin-left:1em; }

th {	padding:0.2em 0.5em 0.5em; font-size:10px; font-variant:small-caps; color:#fff; text-align:center; background-color:#526474; }

td {	padding: 0.5em 0.2em 0.3em; vertical-align:top; text-align:left; }

td.centrer { padding: 0.5em 0.2em 0.3em;	vertical-align:top; text-align:center; }

td.intitule { width:30%; padding-right:1em; font-style:italic; vertical-align:top; text-align:right; }

td.nom-etablissement {	width:35%; padding-left:0.5em; font-variant:small-caps; font-size:11px; font-weight:bold; vertical-align:top; text-align:left; }

td.date { width:10%; text-align:center;}

td ul li { padding:0 0 0.4em; }

td span { font-size:0.92em;	font-style:italic; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #E4750F; }
a:hover { text-decoration: underline; }
a:active, a:focus { outline:none; }