/* CSS Document */

/*  (balise) : sert à définir la balise body : fond de la page, police, etc. */

body {

margin: 0px;

padding: 0px;

font-family: verdana, sans-serif;

font-size: 0.8em;

}

/*  (div): sert à définir l'emplacement du site dans la page. */

#container  {

  width: 90%;

  position: absolute;

  margin-left: 5%;

  margin-right: 5%;

}



/* Menu du haut */

.header {

background-color: #39588B; 

color: white;

border: none;

height: 4em;

}



/* Style des liens du menu du haut. */

.header a {color: white; text-decoration: none;}



/*  (table dans un div) : sert à définir l'emplaçement du menu du haut */

.header table {

  	padding: 3px;

	text-align: left;

	vertical-align: top;

	height: 2em;

	width: 100%;

} 



.header img {

  border: none;

}





/*  (div) : sert à poser un cadre dans lequel on met les autres éléments.  */

.subcontainer {}

/*  (div) : définit le menu de gauche  */

#menu {

  position: absolute;

  left:0;

  width: 150px;

  height: 500px;

}

/*   (div) : définit le div dans lequel on a le choix des langues */

.language {

background-color: #BBBBBB;

padding: 0.2em;

border: none;

margin-top: 0.5em;

width: 100%;

}



.language a {

color: white;

text-decoration: none;

}



/* (li) : titre des rubriques dans le menu de gauche  */

.titre_rubrique_menu_gauche {

}



/* Style des liens des titres des rubriques du menu de gauche. */

.titre_rubrique_menu_gauche ul {

float:left;

width:100%;

padding:0;

margin:0;

list-style-type:none;

}



.titre_rubrique_menu_gauche  a{

float:left;

text-decoration:none;

color: white;

width: 150px;

border:none;

background-color: #39588B;

padding: 0.2em;

}



.titre_rubrique_menu_gauche a:hover {}

.titre_rubrique_menu_gauche li {display:inline;}

.titre_sous_rubrique_menu_gauche {

}



/* Style des liens des titres des rubriques du menu de gauche. */

.titre_sous_rubrique_menu_gauche ul {

float:left;

width:100%;

padding:0;

margin:0;

list-style-type:none;

}



.titre_sous_rubrique_menu_gauche  a{

float:left;

text-decoration:none;

color: #39588B;

width: 150px;

border: none;

background-color: #B7C0D3;

}



.titre_sous_rubrique_menu_gauche a:hover {background-color: #DDDDDD;}

.titre_sous_rubrique_menu_gauche li {display:inline;}







/*  (div) : tetiere  */

#sitetitle {

margin-left: 170px;

color: #39588B;

font-size: 1.5em;

font-style: italic;

text-align: left;

border-top: solid;

border-bottom: solid;

border-width: 0.05em;

margin-top: 0.5em;

margin-bottom: 0.5em;

padding-top: 0.5em;

padding-left: 1em;

padding-bottom: 0.5em;

}

/* (div) : supprimé */

#mainframe  {

  margin-left: 170px;

  width: auto;

  height: 500px;

  padding-top: 0.5em;

  padding-bottom: 0.5em;

  padding-left: 0.5em;

  padding-right: 0.5em;

  font-weight: 100;

  vertical-align: center;

  text-align: left;

  }

/*  (div) : section de navigation  */

#navigation {

margin-left: 3em;

color: #39588B;

text-decoration: none;



}



#navigation a:visited {

color: #39588B;

text-decoration: none;

font-size: 0.9em;

}



#navigation a:link {

color: #39588B;

text-decoration: none;

font-size: 0.9em;

}



#navigation a:active {

color: #39588B;

text-decoration: none;

font-size: 0.9em;

}

/*  (div) : cadre qui contient le tableau des articles récents. */

.littleframe { 

text-align: center;

margin-left: 3em;

margin-top: 2em;

width: auto;

}



.littleframe ul 

{

float:left;

width:100%;

padding:0;

margin:0;

list-style-type:none;

}

.littleframe a 

{

float:left;

text-decoration:none;

height: 320px;

background-color: #BBBBBB;

padding: 0.2em;

width: 200px;

margin-left: 0.5em;

}

.littleframe a:hover {background-color:#DDDDDD;color:#969696;}

.littleframe li {display:inline;}

/*  (td) : tableau qui présente les trois derniers articles publiés dans la page d'accueil. */

.tdhome  {	

	overflow: auto;    	

	vertical-align: top;    

	text-align:center;

}

/*  (p) : style du titre des rubriques dans le cadre principal dans la page d'accueil  */

.titre {

font-size: 1em;

color: #39588B;

font-weight:bold;

text-transform: uppercase;

}

/*   (p) : style du sous-titre dans le cadre principal dans la page d'accueil */

.sous_titre {

  color: #39588B;

}

/*  (p) : date des articles du cadre principal dans la page d'accueil */

.detail  {

font-size: 0.8em;

text-align: center;

color: #39588B;

}

/*   (p) : style du chapo des articles dans le cadre principal dans la page d'accueil */

.chapo_accueil {

font-size: 1em;

color: #39588B;

}



.down {text-align: center; padding: 0.5em;}





/* Fin de la définition de la page d'accueil et de sa structure */



/* SOUS RUBRIQUES */

.sous_rubriques { 

text-align: center;

margin-left: 3em;

margin-top: 2em;

width: auto;

}

.sous_rubriques ul 

{

float:left;

width:100%;

padding:0;

margin:0;

list-style-type:none;

}



.sous_rubriques li {padding-top: 0.5em; padding-bottom: 0.5em;}



.sous_rubriques a 

{

float:left;

text-decoration:none;

border:none;

background-color: #BBBBBB;

width: 600px;

margin-bottom: 1em;

}

.sous_rubriques a:hover {background-color: #DDDDDD;}



.liste_articles { 

text-align: center;

margin-left: 3em;

margin-top: 2em;

width: auto;

text-align: left;

}

.liste_articles ul 

{

float:left;

width:100%;

list-style-type:none;

margin-left: 0em;

}

.liste_articles a 

{

float:left;

text-decoration:none;

border-top:1px solid #39588B; 

background-color: none;

width: 600px;

padding-bottom: 0.3em;

}

.liste_articles a:hover {background-color: #C7C7C7;}



.chapo_article_de_cette_rubrique {

color: #39588B;

font-size: 0.8em;

margin-left: 0em;

}



.titre_extrait{

font-size: 1.2em;

font-style: capitalize;

}



.liste_articles p {

color: #39588B;

}



/* PAGES ACRTICLES */



.article {

background-color: #EEEEEE;

color: #39588B;

margin-top: 1em;

padding: 1em;

}



.cartouche {

border-bottom: solid;

border-width: 0.1em;

border-color: #39588B;

width: 80%;

margin-left: 10%;

margin-right: 10%;

}



.article h1 {

font-size: 1.2em;

text-align: center;

font-weight: normal;

text-transform: uppercase;

}



.article h2 {

font-size: 1em;

}

.article .date {

font-size: 0.8em;

font-style: italic;

text-align: right;

}



.chapo_article {

color: #39588B;

font-size: 0.8em;

font-style: italic;

margin-left: 1em;

font-weight: bold;

}

.paragraphe {

font-size: 0.8em;

font-style: italic;

}



.texte {

  	color: #39588B;

  	font-size: 0.9em;

}



h3.spip {

    font-family: verdana, sans-serif;

	font-size: 1em;

	text-align: left;

	margin-top : 1em;

	margin-bottom : 0.8em;

	padding: 0em;

	color: #39588B;

}



 table.spip {

	margin-left: auto;

	margin-right: auto;

	border: 0.1em solid #39588B;

	border-collapse:collapse;

}



table.spip caption{

	caption-side: top; /* bottom pas pris en compte par IE */

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	padding: 3px;

	font-weight: bold;

    font-family: verdana, sans-serif;

	font-size : 70%;

    border: 0.1em;

    background-color: #FFFFCC;

}



table.spip tr.row_first {

    border: 0em;

    background-color: #39588B;

    color: white;

}



table.spip tr.row_odd {

    border: 0.1em;

}



table.spip tr.row_even {

    border: 0.1em;

}



table.spip td {

	padding: 0.5em;;

	text-align: left;

	vertical-align: middle;

    border: 0.1em;

}



.article a:link {

    color: #1C345C;

}

.article a:hover {

    color: #39588B;

}





/* PAGE RECHERCHE : le titre de la recherche est affiché dans le même cadre que cartouche (défini dans les pages articles. */



.resultat {

border-top: solid;

border-width: 0.1em;

border-color: #39588B;   

margin-top: 2em;

}



a {

	text-decoration: none;

    border: none;

}



a:hover {

	text-decoration: none;

}