/** 
	GENERALITES
**/

img{
border: none;
}

html, body {
	height: 96%;
}

body{
	background-color:white;
	background-image:url(images/motif_fond2.png);
	background-repeat:repeat-x;
}

a:hover{
	color:#6699CC;
}

a{
	text-decoration:none;
	color:black;
}

/** 
	COMMUNS
**/

#titre_site{ /** Atelier-Philosophie */
	  margin-top: 7px;
	  margin-left: 7px;
	  font-family: verdana, sans-serif;
	  background: transparent;
	  color: black;
	  font-size: xx-large;
	  text-align: left;
	  font-weight: normal;
	  padding:0
	  margin-bottom:0;
}

.trait_ss_menu{ /** Trait horizontal sous le titre */
	position: absolute; /* placé par rapport à #titre_site*/
	border-style: solid;
	border-color: #000000;
	border-width : 1px 0px 0px 0px;
	width: 100%;
	margin-top:5px;
	margin-left:-10px;
	margin-right:-25px;
	padding: 0;
	background: transparent;
}

.conteneur_image{ /** Pour centrer une image*/
  border: 0;
  width: 100%;
  text-align: center;
}


p.titre_partie{ /** Nom de la partie dans laquelle on se trouve */
	font-family: arial;
	background: #FFFFFF none;
	color: #000000;
	font-size: 14pt;
	text-align: center;
	letter-spacing: 1.5pt;
	margin-bottom: 0.5em;
}

p.titre_partie2{ /** Id. - Util. dans Liste des saisons*/
	font-family: "MS Reference Sans Serif", sans-serif;
	background: #FFFFFF none;
	color: #000000;
	font-size: 16pt;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1.2pt;
	margin-bottom: 0.5em;
}

p.titre_partie_gris{ /** Id. ; dans Texte en ligne */
	font-family: "MS Sans Serif", arial, sans-serif;
	background: none;
	color: #473D46;
	font-size: 18pt;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1.3px;
}

p.sstitre2{ /** Pour "Sommaire" des saisons*/
	  font-family: verdana, sans-serif;
	  background: #FFFFFF none;
	  color: #000000;
	  font-size: 9pt;
	  text-align: center;
}

p.texte_normal{ /** Texte ordinaire */
	  font-family: verdana, sans-serif;
	  /* OLD : font-family: arial; */
	  background: #FFFFFF none;
	  color: #000000;
	  font-size: 10pt;
	  text-align: justify;
}

p.texte_petit{ /** Utilisé not. pour remarques en bas de page */
	  font-family: arial;
	  background: #FFFFFF none;
	  color: #000000;
	  font-size: 9pt;
	  text-align: justify;
}





/**
  PAGE D'ACCUEIL DU SITE (index.html)
**/

#cadre_accueil{
/*	border-style: solid ;
	border-color: #0000FF ;*/
	border-width: 4px;
	width: 600px;
	height:81%;
	margin-left: 23%;
	margin-right: 22%;
	text-align: left;
	background: transparent;
}

p.accueil{
	text-align: center;
}

.texte_accueil_rouge{ /* JE NE SAIS PAS CE QU'EST CE TRUC */
  font-weight: normal;
  color: #800000; /** (128 0 0) en base 10 */ 
}

ul.accueil{
  font-family: arial, helvetica, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  color: #322B1B; /** (50 43 27) en base 10 */
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em; /** retrait du 1er caractère */
}

li.accueil{
  text-align: left;
  list-style-type: none;
  list-style-image: url("images/puce_accueil.png");
  padding-left: 0em;
  margin:0;
  text-indent: 1em;  
}

a.accueil:link, a.accueil:hover{
  font-weight: bold;
  color: #800000; /** (128 0 0) en base 10 */ 
  text-decoration: none;
}

a.accueil:visited{
  font-weight: bold;
  color: #AA0000; 
  text-decoration: none;
}

/**
  AUTRES
**/


#cadre_v2{
   overflow: auto;
   	border-style: none;
	/*border-style: solid;
	border-color: #0000FF;
	border-width: 2px;*/
	width: 100%;
	height:81%;
	padding:0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 2em;
	background: transparent;
}

#cadre_v2bis{
	float: left;
	border-style: none;
/*	border-color: #0000FF ;
	border-width: 4px;*/
	width: 50%;
	margin-left: 25%;
	/*margin-right: 25%; Superflu, et au moindre débordement => ascenseur*/
	text-align: left;
	background: transparent;

	font-family: Verdana, sans-serif;
	font-size: 10pt;	
	color:black;
	line-height:130%;
}




/** 
  LECTURE DE LA PHOTO
 **/

#cadre_photo_biblio{ /* Photo de la bibliotheque */
	float: left;
	border-style: none;
	width: 45%;
	text-align:right;
	margin-top: 2em;
	margin-right: 5%;
}

#cadre_photo_textedroite{ /* Joue le rôle de cadre_v2, avec width de 50% */
    overflow: auto;
   	border-style: none;
	width: 50%;
	height:78%;
	padding:0;
	/*margin-left: 5%;*/
	margin-right: 0;
	margin-top: 2em;
	background: transparent;
}

#cadre_photo_textedroitebis{ /* Joue le rôle de cadre_v2bis, avec width de 50% */
	float: left;
	border-style: none;
	width: 60%;
	text-align: justify;
	background: transparent;
}

p.titre_photo{ /** Nom de la partie dans laquelle on se trouve */
	font-family: "MS Reference Sans Serif", sans-serif;
	background: #FFFFFF none;
	color: #000000;
	font-size: 12pt;
	text-align: center;
	font-weight: bold;
}

p.texte_photo{ /** Texte ordinaire avec décalage à droite */
	  font-family: verdana, sans-serif;
	  background: #FFFFFF none;
	  color: #000000;
	  font-size: 10pt;
	  text-align: justify;
	  text-indent:25px;
}



/**
  DE LA PHILOSOPHIE COMME ATELIER
**/
p.philo_atelier{ /** Texte */
	text-indent:50px;
	text-align:justify;
	margin:0;
	padding:0;
}
p.philo_atelier_droite{
	text-align:right;
	margin:0;
	padding:0;
}
p.philo_atelier_note{
	text-indent:20px;
   font-style:italic;
	text-align:justify;
	margin:0;
	padding:0;
}



/**
  LES SAISONS DE L'ATELIER
**/

table#listesaisons {
	border: 0;
	/*border: solid #000 3px;*/
    width: 100%;
}
table#listesaisons td{
	vertical-align: top;
	border-top: solid #FFF 8px;
}
.numsaison{
    color: #000000;
    text-align: left;
	width: 10%;
}
.nomsaison {
    text-align: left;
}

#cadre_detailsaisons{ /* Pour alignement */
	border-style: none;
	width: 100%;
	margin-left: 22px;
}

p.sstitre_listesaison{
	font-family: verdana, sans-serif;
	background: #FFFFFF none;
	color: #000000;
	font-size: 12pt;
	text-align: center;
	margin: 0;
	padding: 0;
}

p.saison_date{ 
	font-family: arial, sans-serif;
	background: none;
	color: #000000;
	font-size: 10pt;
	letter-spacing: 1.3px;
	font-style: italic;
	text-align: center;
	margin:0;
	padding:0;
}

p.saison_nomsaison{ /** Titre de la saison */
	font-family: "MS Reference Sans Serif", sans-serif;
	background: #FFFFFF none;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1.1pt;
	margin-bottom: 0.5em;
}

p.saison_sstitre{ /* Ouvrages commentés et Lectures // */
	font-family: "MS Reference Sans Serif", sans-serif;
	background: none;
	color: #666666;
	font-size: 10pt;
	font-weight: bold;
	text-indent: -20px;
	letter-spacing: 1.3px;
	margin-top: 1.5em;
}
p.saison_normal{ /** Paragraphe pour marge négative */
	font-family: verdana, sans-serif;
	text-align:justify;
	font-size: 10pt;
	font-weight: normal;
	text-indent: -20px;
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0;
}

ul.roman{ /* Pour 10e saison */
	list-style-type:upper-roman;
	margin-top: 0;
}
ul.arabe{
	list-style-type:decimal;
	margin-top: 0;
}



/**
  TEXTES EN LIGNE
**/

#cadre_texteligne{ /* Pour la bordure grise */
	float: left;
	border-left: 5pt solid #EEEEEE;
	border-right: 5pt solid #EEEEEE;
	border-top: none;
	border-bottom: none;
	width: 52%;
	margin-left: 24%;
	margin-top:1em;
	padding-left: 25pt;
	padding-right: 25pt;
	text-align: left;
	background: transparent;
}

p.texte_normal_article{
	font-family: verdana, sans-serif;
	color: #000000;
	font-size: 11pt;
	font-weight: normal;
	text-align: justify;
	margin:0;
	padding:0;
}

a.texte_pdf{
	font-family: verdana, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	text-align: justify;
}
a.texte_pdf:link{
	color: #000000;
	text-decoration: none;
}
a.texte_pdf:hover{
	color: #000000;
	text-decoration:underline;
}
a.texte_pdf:visited{
	color: #473d46;
	text-decoration: none;
}

p.texte_petit_article{ /** Utilisé not. pour remarques en bas de page */
	font-family: verdana, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
	text-align: justify;
	margin:0;
	padding:0;
}

p.texte_sstitre_article{ /** Utilisé not. pour remarques en bas de page */
	font-family: verdana, sans-serif;
	color: #b2b2b2;
	font-size: 14pt;
	font-weight: normal;
	text-align: justify;
}



/**
  NOTICE
**/

.cadre_notice_photo{ /* Photo de Plinio */
	float: left;
	border-style: none;
	width: 110px;
	height: 130px;
}

.cadre_notice_textedroite{ /* Texte à droite de la photo */
  margin-left: 140px;
  border-style: none;
  /*border: 1px solid #000000;*/
  padding: 0;
  height: 130px;
}

p.notice_texte{
	font-family: verdana, sans-serif;
	text-align:justify;
	font-size: 9pt;
	font-weight: normal;
	line-height: 130%;
	padding: 0;
	margin: 0;
}
.notice_plinio{ /** SPAN */
	letter-spacing: 1.5px;
	font-size: 10pt;
	font-weight: bold;
}
.notice_indic{ /** SPAN */
	font-size: 8pt;
}

.cadre_notice_biblio{ /** Cadre pour avoir marge négative sur biblio */
  margin-left: 20px;
  border-style: none;
  padding: 0;
}
p.notice_biblio{ /** Paragraphe pour marge négative */
	font-family: verdana, sans-serif;
	text-align:justify;
	font-size: 9pt;
	font-weight: normal;
	text-indent: -18px;
	line-height: 130%;
	padding: 0;
	margin-top: 6px;
}


#titre_site2{ /** Atelier-Philosophie */
	  margin-top: 7px;
	  margin-left: 7px;
	  font-family: verdana, sans-serif;
	  background: transparent;
	  color: black;
	  font-size: xx-large;
	  text-align: right;
	  font-weight: normal;
}

a.special{
	color:#dfe087;
}