/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFF;
	margin: 0;
	font-size: 14px;
	color: #000;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
div, p {margin:0; padding:0;}
ul, li {margin:0;padding:0;list-style:none;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 1024px;
	text-align: left;
	margin: 20px auto;
}

/* Entete */
.philo #entete {height:139px;position:relative;background-image:url('img/bandeau_philo.jpg');background-repeat:no-repeat;}
.prajna #entete {height:139px;position:relative;background-image:url('img/bandeau_prajna.jpg');background-repeat:no-repeat;}
#entete a {text-decoration: none;color:#B42927; }
#statut{position:relative; top:85px;width:80%;text-transform:uppercase;color:#888; font-size:.8em;}
#phrase{position:relative; top:100px;width:80%;}
#controle{float:right; width:184px;}
#controle a {display:block;height:16px;margin:17px 10px;padding-left:30px;text-transform:uppercase;font-size:.9em;font-weight:bold;background-image:url('img/bout_1.gif');background-repeat:no-repeat;background-position:middle left;}
#controle a:hover{background-image:url('img/bout_2.gif');}
#bandeau-pub{height:120px;margin:0 0 20px 0; background-image:url('/img/bandeau_pub.jpg'); color:black; font-size:2em;text-align:center;}

/* Fil d'Ariane */
#hierarchie {clear: both;margin-bottom: 10px;font-size: 0.77em;padding:0 174px; }
/* Conteneur general */
#conteneur { width: 100%; }
#contenu {float: left;width:656px;padding:0 0;margin:0 10px 20px 10px;}
/* Boite principale de contenu du centre */
#cont_sub{background-image:url('img/conteneur_bas.gif');background-repeat:no-repeat;background-position:bottom left; }
#cont_top{background-image:url('img/conteneur_haut.gif');background-repeat:no-repeat;background-position:top left;padding:23px 0 0 0;}
#cont{background-image:url('img/conteneur_milieu.gif');background-repeat:repeat-y;padding:0 40px 0 0;}
/* Details de la boite principale de contenu  */
#cont .h2m{display:inline-block;height:48px;float:left;background-image:url('img/titres2.gif');background-repeat:repeat-x;color:white;font-size:1.5em;padding:8px 10px 5px 0;}
.gl{height:48px;width:8px;background-image:url('img/titres.gif');background-repeat:no-repeat;float:left;}
.dl{height:48px;width:30px;background-image:url('img/titres3.gif');background-repeat:no-repeat;float:left;}

#cont .h2m a {color:#EFEB40;font-size:0.8em;}
.block{margin:0 0 20px 0; padding:0 0 5px 0;border-bottom: 1px solid #aaa; clear:both;}
.block h3, .block h3 a {margin:10px 0 0 5px;clear:both;color:#B42927;}
.logo_art{float:right; margin:0 0 5px 10px;}
.block .spip {text-align:justify;}
.suite a {color:#B42927;}
.desc, .chapo, .texte,.desc_vid, .video,#list_vid h2,#cont ul {text-align:justify;margin:0 0 0 10px;}
.video{margin-top:20px;text-align:center;}
#list_vid{margin:10px 0;border-bottom:1px solid #aaa;padding:10px 50% 10px 0;}
#list_vid h2{font-size:1.5em; color:#B42927;}

/*  Portfolio
---------------------------------------------- */
#portfolio{margin:20px 0;}
#documents_portfolio {margin-top:2em;padding-top:0;}
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#reset{clear:both;padding-top:10px;text-align:center;}
#fl_gauche{	float:left;	margin:0; padding:0;	margin-top:15px;	width:4.5%;	height:84px;z-index:4;}
#fl_droite{	margin:0; padding:0;	margin-top:15px;	float:right;	width:3.67%;	height:84px;z-index:4;}
#defil{position:absolute;left:0px;top:0px;height:84px;z-index:1;}
#cadre_visu{float:left;position:relative;width:91%;height:84px;z-index:3;overflow: hidden;}
#cadre_visu .flg{float:left;}
#cadre_visu .fld{float:right;}


.texte h3 {margin:10px 0 5px 0;}
#documents_joints li {width:25%; float:left;}
.pagination { font-size: 0.90em; }
#contact{margin:20px;}
#contact fieldset, .block fieldset {border:none;}
#contact label {color:#B42927;}
#contact legend,.block legend{display:none}
/* Les colones de gauche et droite*/
#col_gauche, #col_droite {float: left;margin:0 0 10px 0;width: 174px;/*height:800px;*/}
#col_gauche {padding:0 0 0 0;}

/*  Habillage general des menus de navigation
---------------------------------------------- */
.mh {width:174px; height:22px;background-image:url('img/menu1.gif');background-repeat:no-repeat; background-position:top left;}
.mm {width:174px;background-image:url('img/menu2.gif');background-repeat:repeat-y;}
.mb {width:174px; height:40px;background-image:url('img/menu3.gif');background-repeat:no-repeat; background-position:top left;}
.mm a{display:block; padding:5px 10px 5px 10px;margin-right:13px;color:#fff;font-weight:bold;text-align:left;font-size:.8em;}
.mm a:hover {background-color:#D73E47;text-decoration:none;}
.mm .ssrub a {text-align:right;color:#EFEB40;font-size:.7em;}
.rubriques .on {background-color:#D73E47;}

#col_droite {padding:0 0 0 0;}
#bout {text-align:center; margin:0 0 30px 0;}
.rech_m{margin:0 0 30px 0;}
.rech_m form{}
.rech_m form select{width:100%;}
.pub {height:300px; background:#666; color:white; text-align:center;}

/* Pied de page */
#foot{float:none; clear: both;width:656px;margin-top:20px;margin-left:auto;margin-right:auto;}

.pl{height:62px;width:10px;background-image:url('img/footer1.gif');background-repeat:no-repeat;float:left;}
.pr{height:62px;width:29px;background-image:url('img/footer3.gif');background-repeat:no-repeat;float:left;}


#pied {
	display:inline-block;
	width:607px;
	height:62px;
	float:left;	
	text-align:center;
	background:url('img/footer2.gif') repeat-x;
	padding: 12px 0 0 0;
	}
#pied small { font-size: 0.77em; color:white;}
#pied small a { color:white;}

/* 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%; }
.invisibles {text-shadow:1em;}

/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, Tahoma, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: Georgia, Times, serif; }





/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }
.spip_surligne{background:yellow;}
hr {clear:both;}

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

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* 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 */
.formulaire_recherche {text-align: left; }
.formulaire_recherche label { display: none; }


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

a.spip_out { color: #B42927; } /* liens sortants */