/**********************************************/
/*                  STRUCTURE                 */
/**********************************************/

body{
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	background:#FFFFFF;
	border: 0 none;
	font-family: Arial,sans-serif,"Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, "Eras Medium ITC", "Arial Narrow", "Arial Rounded MT Bold", "Berlin Sans FB", "Book Antiqua", "Bookman Old Style", "Courier New", "Eras Medium ITC", "Franklin Gothic Book", "Gill Sans MT", "Goudy Old Style", "Kristen ITC", "Lucida Bright", "Maiandra GD", "Microsoft Sans Serif", "OCR A Extended", "Sylfaen", "Tahoma", "Tempus Sans ITC", "Tw Cen MT";
	font-size: 12px; /* taille du texte pour la page en general */
	padding-top: 0px; /* le prochain element (ie. #page) est site a 25px du haut de la page */
	padding-bottom: 25px; 
	padding-left:0px; 
	padding-right:0px;
}

#page
{
	text-align: left; /* pour IE */
	padding: 0;
	width: 900px; /* largeur */
}

#entete
{
	height: 80px; /* on définit la hauteur de la partie header, contenant le titre du site */
	color: #FFFFFF; 
	position:absolute; left:196px; top:0px
}

#contenu_principal
{
	position: absolute;
	top: 100px;
	left: 185px;
	width: 620px;
	margin: 0px; /* marges exterieures */
	padding-left:5px; 
	padding-right:5px; 
	padding-top:5px; 
	padding-bottom:10px;
	background : #ffffe5;
	z-index:100;
}

html>#page
{
	width: 800px;  /* pour leurer internet explorer et contrecarrer les differences d'affichage : il ne comprend pas donc n'en tient pas compte */
}

#menu
{
	background: #fff;
	color: #111;
	margin: 0;
	padding: 0 0px 0 0;
}

#barre_laterale
{
	position: absolute;
	top: 100px;
	float: left; /* élément à gauche et entouré par la droite des éléments qui le suivent */
	color: #666;
	/*background: #eee;*/
	border-right: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc; /* en bas */
	width: 180px; 
	margin-left:0; margin-right:0; margin-top:4px; margin-bottom:15px; 
	padding-left:0; padding-right:0px; padding-top:0px; padding-bottom:10px 
}

#pied_de_page
{
	border-top: 1px solid #CCCCCC;  /* bordure superieure */
	color: #FFFFFF;
	background: #3399FF; /* couleur du fond du pied de page */
	padding: 10px;
	text-align: center;
	clear: both; /* rien au-dessus ni en-dessous du texte */
	font-size: 10px; 
	border-left-width:0; 
	border-right-width:0; 
	border-bottom-width:0
}

/**********************************************/
/*                  CLASSES                   */
/**********************************************/

.encart
{
/*	background: url(../design_aca/rubrique.gif) no-repeat left top;*/
	margin-left: 40px;
	padding: 2px;
/*	padding-left: 37px*/
}

.chapo
{
	border:medium double #CCCCCC; padding:0; font-weight: bold;
	background-color:#99FFCC;
	margin-left:40px; margin-right:10%; margin-top:10px; margin-bottom:10px
}

.biographie
{
	padding: 10px;
	margin-left: 100px;
	text-align: right;
}

.ps
{
	margin: 10px 0 10px 0;
	padding: 0;
	font-style: italic;
}

.rubrique
{
	margin: 0 10px 15px 0;
	padding: 5px;
	/*background: #eee;*/
	/*border-right: 1px dashed #ccc;*/
	border-bottom: 1px dashed #ccc;
}

.article
{
	padding:5px; 
	background:#EEEEEE; 
	margin-left:0; 
	margin-right:10px; 
	margin-top:0; 
	margin-bottom:15px; 
	border-left-style:dashed; 
	border-left-width:1px; 
	border-right-style:double; 
	border-right-width:3px; 
	border-top-style:dashed; 
	border-top-width:1px; 
	border-bottom-style:double; 
	border-bottom-width:3px
}

.article_intro
{
	border-style:double; 
	border-width:3px; 
	padding:5px; 
	background:#EEEEEE; 
	margin-left:0; 
	margin-right:10px; 
	margin-top:0; 
	margin-bottom:15px
}

.extrait {
	margin: 0.1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	margin-right: 0.1em;
	border-right: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	border-top:  1px dashed #ccc;
	border-left:  1px dashed #ccc;
	line-height: 1.4em;
}

.breve
{
	margin: 0 20px 20px 20px; /* haut, gauche, bas et droite */
	padding: 5px;
	/*background: #eee;*/
	border-left: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
}

.texte
{
	z-index: 100;
}

.cv
{
}

.periode
{
	float: left;
	text-align: right;
	padding: 10px;
	width: 120px;
}

.intitule
{
	text-align: left;
	padding: 10px;
	margin: 0 0 0 130px;
}

.lien
{
	line-height: 30px;
}

.documents_joints
{
	text-align: center;
}

.image
{
	color: #333333; /* couleur du titre et de la legende d'une image */
	text-align: center;
	padding: 10px;
}

.video {
	background-color: #333333; /* contour d'une video */
	text-align: center;
	padding: 10px;
}

.documents_joints img
{
	padding: 0px;
}

.rubrique .image
{
	color: #333333;
	text-align: center;
	padding: 10px;
}

.breve .image
{
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
}

.biographie .image
{
	padding: 5px;
	margin-left: 5px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: right;
}

.biographie p
{
	text-align: right;
}

.titre
{
	line-height: 1.5em;
	font-weight: bold;
}

.legende
{
	font-style: italic;
}

.reactions, .total, #cv .lien
{
	font-weight: bold;
	text-align: right;
/*	clear: both;*/
}

.forum
{
	float: left;
	width: 650px;
	margin: 1px 0 0 0;
	padding: 1px;
}

.forum li
{
	list-style: round;
	margin-top: 0.5em;
	margin: 0;
	border-top: 1px dashed #ccc;
}

.element
{
	margin-top: 0px; /* seulement dans la barre laterale */
	padding: 5px;
}

.element ul
{
	margin: 0;
	padding: 0;
	text-align: left;
}

.element ul ul
{
	margin-left: 10px;
	padding: 0;
	text-align: left;
	border: 0;
}

.element ul li
{
	/* list-style-image:url([nom de fichier]) */	
	list-style: square inside; /*disk, circle, square, none, decimal, lower-alpha, ... */
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 8px;
}

.element ul li.secteur a:hover {  }
.element ul li.site
{
	list-style: circle inside;
}

.element ul li.art
{
	list-style: disc inside;
}

#cv .element ul li
{
	list-style: none;
}

.element ul li a
{
	list-style: square inside;
	font-size: 10px;
}

/**********************************************/
/*                TYPOGRAPHIE                 */
/**********************************************/

h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.9em; }

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	margin: 0px;
/*	border: 2px solid #fff;*/
	letter-spacing: 1px;
}

h1.metier
{
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2
{
	font-style: italic;
}

h6
{
	letter-spacing: 0px;
}

.forum h3
{
	font-weight: bold;
}

.element h1, .element h2, .element h3, .element h4, .element h5, .element h6
{
	font-weight: normal;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
	letter-spacing: 0;
}

#cv .element h1
{
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
}

p
{
	text-align: left;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#cv p
{
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}

a:link, a:visited
{
	font-weight: bold;
	text-decoration: none; /* decoration des liens */
	color: #4253A5; /* michée : #005FA9 couleur des liens */
	background: transparent;
}

a:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #999;/* couleur des liens lorsque la souris passe ou clique dessus */
	background: transparent;
}



a:active
{
	font-weight: bold;
	text-decoration: none;
	color: #ccc; /* couleur des liens lorsque le lien a ete actif */
	background: transparent;
}

#pied_de_page a
{
	letter-spacing: 1px;
	color: #fff;
}

.reactions a:link,
.reactions a:visited,
.total a:link,
.total a:visited,
#cv .lien a:link,
#cv .lien a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #444; /* couleur pour l'affichage du nombre de reactions */
}

.reactions a:hover,
.reactions a:active,
.total a:hover,
.total a:active,
#cv .lien a:hover,
#cv .lien a:active
{
	font-weight: bold;
	text-decoration: underline; /* seule difference avec au-dessus : on souligne au passage du curseur */
	color: #444;
}

.bouton a:link,
.bouton a:visited,
.bouton a:hover,
.bouton a:active
{
	padding: 2px;
	background: #fff;
	border: 1px solid #5c70d4;
	color: #fff;
	font-size: x-small;
	font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
	text-align: right;
}

.bouton_off
{
	padding: 2px;
	background: #fff;
	border: 1px solid #4253A5;
	color: #4253A5;
	font-size: x-small;
	font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-style: italic;
	text-decoration: none;
	text-align: right;
}


#entete a:link, #entete a:visited
{
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 3px;
	color: #4253A5; /* #444 pour un titre noir */
	background:  transparent; 
}

#entete a:hover, #entete a:active
{
	font-size: 20px;
	font-weight: bold;
	text-decoration: none; /* overline, underline */
	letter-spacing: 3px;
	color: #4253A5; /* #444 pour un titre noir */
	background: transparent;
}

/**********************************************/
/*              MENU HORIZONTAL               */
/**********************************************/

#menu ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left; /* et suivi à droite */
}

#menu ul li
{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#menu ul li a
{
	background: #fff; /* couleur du fond pour un element du menu non selectionne */
	width: 148px; /* largeur d'un element du menu */
	height: 2em;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
	color: #4253A5; /* couleur du texte dans un element du menu */
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size: x-small;   
}

#menu ul li a:hover, #menu ul li a:focus
{
	color: #444; 
	background: #ccc; /* couleur du fond au survol */
}

#menu a:active
{
	background: #4253A5;
	color: #fff;
}


#menu li#menu_espace_prive a:hover, #menu li#menu_espace_prive a:active
{
	background: #d44747;
	border: 1px solid #d44747;
	color: #fff;
}

body#accueil #menu li#menu_accueil a,
body#plan_site #menu li#menu_plan a,
body#breves #menu li#menu_breves a
{
	background: #4253A5;
	border: 1px solid #ccc;
	color: #fff;
	font-weight: bold;
}

body#espace_prive #menu li#menu_espace_prive a
{
	background: #d44747;
	border: 1px solid #d44747;
	color: #fff;
	font-weight: bold;
}

img
{
	background: transparent;
	vertical-align: middle;
	border: 0;
}


img.spip_logos
{
	margin-right: 2px;
}

.forum img
{
	/* on ne veut pas de bordure pour ces images */
	background: transparent;
	padding: 0;
	display: inline;
	vertical-align: middle;
	border: 0;
}

img.smiley, #barre_laterale img, #pied_de_page img, img.spip_puce
{
	/* on ne veut pas de bordure pour ces images */
	background: transparent;
	padding: 0;
	width:66px;
	height:118px;
	display: inline;
	vertical-align: middle;
	border: 0;
}


table
{
	color: #333333;
	text-align: justify;
	padding: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 10px;
	margin-right: 10px;
}

form, input
{
	margin: 0;
	padding: 0;
}

/**********************************************/
/*                STYLES SPIP                 */
/**********************************************/

.spip {
	text-align: left;
}

.spip a {
	text-decoration: underline;
}

.spip a:hover {
	color: green;
}


a.spip_url { /* traite les adresses URL transformées en lien hypertexte */
 }

a.spip_in { /* concerne les liens à l’intérieur de ce site */
	color: #FF4040; /* rose fonce */
}

a.spip_out { /* concerne les liens vers l’extérieur de votre site */
	color: #800080; /* violet */
}

a.spip_glossaire { }

span.spip_code {
	display: inline;
	font-family: monospace;
	font-size: 10px;
	font-weight: normal;
	background-color: #eee;
	border: 1px solid #ccc;
	text-align: left;
}

div.spip_code {
	display: block;
	font-family: monospace;
	font-size: 10px;
	font-weight: normal;
	background-color: #eee;
	border: 1px solid #ccc;
	border-left: 5px solid #ccc;
	text-align: left;
	padding-left: 5px;
	margin: 5px;
}

p.spip_note {
	font-size: 9px;
}

h3.spip {
	background: #4253A5;
	border: 1px solid #5c70d4;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 1.5em;
}

.spip_puce {
	list-style: disc inside;
}

.spip_documents { }


table.spip, table.spip_forum {
	padding: 0;
	border-spacing: 0;
	border: 1px solid #ccc;
	font-size: x-small;
}

table.spip_forum {
	width: 100%;
}

table.spip tr.row_first, table.spip_forum tr.row_first{ /* premiere ligne d'un tableau genere par SPIP */
	background: #4253A5;
	color: #fff;
	font-weight: bold;
}

table.spip tr.row_odd, table.spip_forum tr.row_odd { /* pour l'alternance des couleurs des lignes d'un tableau SPIP */
	background: #eee;
}

table.spip tr.row_even, table.spip_forum tr.row_even {
	background: transparent;
}

table.spip tr.row_odd td, table.spip_forum tr.row_odd td {
	border-color: #eee;
}

table.spip td {
	padding: 7px;
	text-align: left;
	vertical-align: middle;
}

table.spip_forum td {
	padding: 7px;
	text-align: left;
	vertical-align: top;
}

hr.spip { 
	border: 1px dashed #333333;
}

b.spip { 
	font-weight: bold;
}

i.spip { 
	font-style: italic;
}

blockquote.spip {
	background-color: #eee;
	border: 1px solid #ccc;
	margin-left : 30px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 10px;
	font-style: italic;
	padding: 10px;
}

.forml { /* les cases de texte des formulaires */
	width: 100%;
	border: 1px solid #ccc;
	font-family: monospace;
	font-size: 12px;
	/* background: #ccc; */
}

.spip_encadrer { /* séparation entre ces différentes parties  */
	width: 80%;
	padding: 5px;
	border: 1px dashed #ccc;
}

.spip_cadre {
	padding: 5px;
}

div.spip_poesie { }

div.spip_poesie div { }


.spip_bouton { /* pour personnaliser les boutons de l'interface */
	/* float: left; */
	background: #4253A5;
	border: 1px solid #5c70d4;
	color: #fff;
	font-weight: bold;
	font-size: x-small;   
	font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

.formrecherche { /* modifie l’aspect de la case Rechercher du moteur de recherche */
	width: 80px;
	margin-left: 1px;
	/* background-color: #4253A5; */
	color: #465A96;
	/* border: 1px solid #ccc; */
	font-size: x-small;
	font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

input.formrecherche { /* modifie l’aspect de la case Rechercher dans un article ou une rubrique*/ 
	width: 70%;
	margin-left: 10px;
	background-color: #fff;
}

select { 
	border: 1px solid #ccc;
	font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

.spip_surligne {
	background-color: #EEE92E;
}



/**********************************************/
/*            BARRE RACCOURCIS SPIP           */
/**********************************************/

a.spip_barre img {
	border: 1px solid #ccc;
	padding: 1px;
}

a:hover.spip_barre img {
	border: 1px solid #ccc;
	color: #000;
	padding: 1px;
	background-color: #ccc;
}

hr.ligne {
	margin: 0;
	padding: 0;
	line-height: 1px dashed #ccc;
}