@font-face {
	font-family: 'ALGER';
	src: url('./ALGER.eot');
	src: local('ALGER'), url('./ALGER.woff') format('woff'), url('./ALGER.ttf') format('truetype');
}
@font-face {
	font-family: 'FEATHER';
	src: local('FEATHER'), url('./AquilineTwo.ttf') format('truetype');
}
@font-face {
	font-family: 'MANUSCRIPT';
	src: local('MANUSCRIPT'), url('./Notera_PersonalUseOnly.ttf') format('truetype');
}
@font-face {
	font-family: 'PRINTED';
	src: local('PRINTED'), url('./Sears_Tower.ttf') format('truetype');
}
@font-face {
	font-family: 'GOTHIC2';
	src: local('GOTHIC2'), url('./Friedolin.ttf') format('truetype');
}
@font-face {
	font-family: 'HAND2';
	src: local('HAND2'), url('./MrBedfort-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'HANDWRITING';
	src: local('HANDWRITING'), url('./ankecallig-fg.ttf') format('truetype');
}
@font-face {
	font-family: 'GOTHIC';
	src: local('GOTHIC'), url('./BreitkopfFraktur.ttf') format('truetype');
}
@font-face {
	font-family: 'PRINTED2';
	src: local('PRINTED2'), url('./Leander.ttf') format('truetype');
}
@font-face {
	font-family: 'MAYA';
	src: local('MAYA'), url('./extended-mayanglyphsfill-Regular.woff') format('woff'), url('./extended-mayanglyphsfill-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'REMNANT';
	src: local('REMNANT'), url('./Remnant-Regular.ttf') format('truetype');
}

* {margin:0;padding:0}

/* -----------------------------------------------------------------------------
  Structure
-------------------------------------------------------------------------------- */
div#page {
	width:980px;
	margin: 10px auto; 
	padding: 5px; 
	background:#FFFFFF;
}

/*==========  En-tete ==============*/

div#entete {
}
    
div#haut {
	background: white;
    height: 112px;
}

#haut img {
	float: left;
	margin: 4px 0 0 4px;	
	border: 0px;
}

#nomdusite  { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 18px 0px 0px 412px;
}

div#telecommande {
	position: relative;
	float:right;
	margin:0px;
	padding:0px;
	width: 180px;
	background:white;
	z-index:10;
}
div#telecommande h2 {
	color: #606060;
	font-size: 0.6em;
	padding: 0.25em 0px 0.25em 8px;
	margin: 0;
}
 
/*======  Milieu (colonnes gauche, centrale et droite) =======*/
#milieu {
	margin:0;
	padding : 0 180px 0 180px;
}

/*==========  Contenu (colonne centrale)  ==============*/
#ext-main {
	width: 100%;
}
#ext-main[id] { /* pour mozilla */
	padding-bottom: 0.1px;
}
.main {
	float: left;
	width: 98%;
	position: relative;
	z-index: 0;
}
.main[class] { 
	margin-right: -1px;
}
.main-content {
	margin: 0;
}
#contenu {
	float:right;
	width:98%;
}

#contenu[id] { 
	margin-left:-1px;
}


/*==========  Menu gauche  ==============*/
#gauche {
   	float:left;
   	margin-left: -180px;
   	z-index:20;
	padding:0px;
	position: relative; /* pour IE 5.5 */
	width: 180px;
	overflow:hidden;
}
#gauche[id] {
	margin-right:1px;
}

/*==========  Menu droit  ==============*/
#droite {
	position: relative;  /* pour IE 5.5 */
	float:right;
	margin:0 -180px 0 0;
	width: 180px;
	z-index:21;
	padding:0;
}
#droite[id] {
	margin-left:1px;
}
div#droitehaut {
	position: relative;
	float:right;
	margin:0px;
	padding:0px;
	width: 180px;
	background:white;
	z-index:10;
}
/*==========  Pied de page  ==============*/
div#pied {
	margin: 0;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
	clear: both;
}


/* -----------------------------------------------------------------------------
  Styles
-------------------------------------------------------------------------------- */


/*==========  Styles globaux  ==============*/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #eeeeee;
	margin: 0px;
}
form {
	margin: 0px;
}

#liens {
	color: #4A4A4A;
}
#liens h3 {
	font-size: 0.8em;
	margin: 1em 0px 0.5em;
}
#liens p {
	font-size: 0.7em;
	display: block;
	border: 1px solid #B1B1B1;
	margin: 0px 0px 2px;
	text-align: center;
}
#liens a {
	color: #4A4A4A;
	text-decoration: none;
}
#liens a:hover {
	text-decoration: underline;
}
.clearer {
	line-height: 0em;
	clear: both;
}
.invisible {
	display:none;
}

/*==========  Arrondis ==============*/


#boxmenuhaut {
  padding: 0px;
	background-color: #4c0000;
}


#boxcentrale { background-color: #FFFFFF; margin-top:10px; }
#boxcentrale .innercentrale { padding : 5px 15px 10px 15px; }

#boxpermanent { background-color: #FFFFFF; margin-top:10px; }
#boxpermanent .innercentrale { padding : 5px 15px 5px 15px; }

#boxtitreactu { background-color: #FFFFFF; margin-top:10px; }
#boxtitreactu .innercentrale { padding : 5px 15px 0px 15px; }

#boxactu { background-color: #FFFFFF; }
#boxactu .innercentrale { padding : 5px 15px 0px 15px; }

#boxsyndic { background-color: #FFFFFF; margin-top:10px; }
#boxsyndic .innercentrale { padding : 5px 15px 5px 15px; }

div#boxsyndic h1 { font-size: 130%; font-weight: bold; }

#boxcommentaire { background-color: #FFFFFF; margin-top:10px; }
#boxcommentaire .innercentrale { padding : 5px 15px 0px 15px; }

div#boxcommentaire h1 { font-size: 130%; font-weight: bold; }

#boxdossier { background-color: #FFFFFF; margin-top:10px; }
#boxdossier .innercentrale { padding : 5px 15px 5px 15px; }

#boxespdedie { background-color: #FFFFFF; margin-top:10px; margin-right:8px; }
#boxespdedie .innercentrale { padding : 5px 15px 0px 15px; }

.boxtitregauche {
  margin: 6px 0px 0px 0px;
  padding: 0px;
	background-color: #606060;
}

.boxtitredroite {
  margin: 6px 0px 0px 0px;
  padding: 0px;
	background-color: #606060;
	clear: both;
}


/*==========  Telecommande ==============*/
#telecommande {
	background: #FFFFFF;
}
#telecommande ul {
	position: relative;  /* indispensable pour IE 5.5 */
	list-style-type: none;
	margin: 0 0 0 8px;
	padding: 0;
	font-size: 0.55em;
}
#telecommande li{ 
	line-height: 1.3em;
	background: url(../_images/puce_menu_01.gif) no-repeat 0% 75%;
	padding: 0 0 0 7px;
	margin: 0;
}
#telecommande a {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
#telecommande a:hover { 
	text-decoration: underline; 
}

/*==========  Menu principal ==============*/
#menuprincipal td {
	border:0;
}
#menuprincipal a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0.1em 4em;
	padding: 0 0 0 10px;
	text-decoration: none;
	display: block;
}
#menuprincipal a:hover {
	text-decoration: none;
}

/*==========  Menu principal avec retour � la ligne ==============*/
#menuprincipalretlig {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background: #FA7F41;
}
#menuprincipalretlig a {
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 0 0.2em 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	display: block;
	background: url(../_images/puce_tool1.gif) no-repeat 0px 3px;
}
#menuprincipalretlig a:hover {
	color: #eeeeee;
}
div#menuprincipalretlig ul {
	list-style-type: none;
	margin: 0;	
	vertical-align: middle;
}
div#menuprincipalretlig li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 5px 5px 5px 0;
}


/*==========  Menu deroulant  ==============*/
div.menu {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #606060;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px 0px 2px 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  font-size: 0.85em;
  line-height: 2em;
  color: #606060;
  background-color: #FFFFFF;
  cursor: default;
  display: block;
  padding: 0 1em;
  margin: 0;
  border: 0;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  /* background-color: #E8F7FD; */
  background-color: #dbcccc;
  color: #242424;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

/*==========  Barre de progression ==============*/
#navpath {
	color: #656565;
	font-size: 0.6em;
	padding: 5px 0px 0px 0px;
}
#navpath a {
	color: #656565;
	text-decoration: none;
}
#navpath a:hover {
	text-decoration: underline;
}

/*==========  Menu 1  ==============*/
#menu1 {
	position: relative;  /* indispensable pour IE 5.5 et 6 */	
	padding : 6px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#menu1 h2 {
	font-size: 0.7em;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0.25em 8px 0.25em 8px;
}
#menu1 ul {
	padding: 2px 0 0.2em 8px;
	list-style-type: none;
	position: relative;  /* indispensable pour IE 5.5 */
}
#menu1 ul li {
	padding: 0.1em 0 0.1em 0;
	line-height: 0.7em;
}
#menu1 ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.63em;
	line-height: 1em;
	color: #555555;
	text-decoration: none;
	margin: 0;
	font-weight: normal;
}
#menu1 ul li a.on{
	font-size: 0.7em;
	line-height: 1em;
	color: #484848;
	text-decoration: none;
  font-weight: bold;
	margin: 0;
}
#menu1 a:hover { 
	text-decoration: underline; 
	}

#menu1 .rounded-br {
	display:block;
	height:100%;  /* height est indispensable pour IE */
	margin:0;
	padding:0;
	background-position: bottom right;
	background-image: url('../_images/br10x10.gif') ;
	background-repeat: no-repeat ;
}
#menu1 .rounded-tr {
	display:block;
	height:100%;  /* height est indispensable pour IE */
	margin:0;
	padding:0;
	background-position: top right;
	background-image: url('../_images/tr10x10.gif') ;
	background-repeat: no-repeat ;
}
#menu1 .rounded-cr {
	display:block;
	height:100%;  /* height est indispensable pour IE */
	margin:0;
	padding:0;
	background-position: center right;
	background: #FA7F41;
}


/*==========  Menu 2  ==============*/
#menu2 {
	position: relative;  /* indispensable pour IE 5.5 */
	padding: 6px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#menu2 h2 {
	color: #FFFFFF;
	font-size: 0.7em;
	font-weight: bold;
	padding: 0.25em 8px 0.25em 8px;
	margin: 0;
	clear: both;
}

#menu2 .bloc1 .colonne1 {
	float: left;
	width: 48%;
	padding: 0 0 0 0;
	margin: 0 0 3px 0;
	vertical-align: top;
	font-size: 0.7em;
}
#menu2 .bloc1 .colonne2 {
	float: left;
	width: 48%;
	padding: 0 0 0 0;
	margin: 0;
	vertical-align: top;
	font-size: 0.7em;
}
#menu2 .bloc1 img {
	border: 0px;
}
#menu2 .bloc1 a {
	display: block;
	padding: 3px 0 0 6px;
	margin: 0;	
}

#menu2 .bloc1 a.lien {
	color: #484848;
	font-size: 0.8em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	padding: 0 0 3px 0px;
	margin: 0 0 0 6px;	
}
#menu2 .bloc1 a:hover {
	text-decoration: none;
}
#menu2 .bloc1 a.lien:hover {
	text-decoration: underline;
}
#menu2 .bloc1 .clearer {
	padding: 5px 0 0 0;
	line-height: 0px;
	clear: both;
}

#menu2 hr {
clear: both;
visibility: hidden;
}
#menu2 .bloc2 {
	padding: 3px 0 10px 0; 
}
#menu2 .bloc2 ul {
	position: relative;  /* indispensable pour IE 5.5 */
	margin: 0;
	padding: 0; 
	font-size: 0.7em;
	list-style-type: none;
}
#menu2 .bloc2 ul li {
	line-height: 1.5em;
	font-size: 0.8em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 0 6px;
	margin: 0 0 0 0px;
}
#menu2 .bloc3 ul {
	position: relative;  /* indispensable pour IE 5.5 */
	margin: 3px 0 10px 0;
	padding: 0; 
	list-style-type: none;
	font-size: 0.7em;
}
#menu2 .bloc3 ul li {
	line-height: 1.5em;
	font-size: 0.8em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 0 6px;
	margin: 0 0 0 0px;
	display: block;
	width: 160px;
	clear: both;
}
#menu2 .bloc3 .texte {
	margin: 0 0 0.5em 0;
	color: #484848;
	line-height: 1.1em;
}
#menu2 .bloc3 img { 
	float: right;
	margin: 0 5px 3px 0; 
	padding: 0;
	border: 0px;
}
#menu2 .bloc3 p {
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}

#menu2 .bloc4 {
	font-size: 0.7em;
	padding: 0.25em 0px 0px;
}
#menu2 .bloc4 a {
	font-size: 0.8em;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	background: url(../_images/picto_envoie.gif) no-repeat 0px 2px;
	color: #484848;
	text-decoration: none;
}
#menu2 a {
	color: #484848;
	text-decoration: none;
	margin: 0;
	font-weight: normal;
}
#menu2 a.on {
	color: #484848;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
}
#menu2 a:hover { 
	text-decoration: underline; 
}
#menu2 .blocoutil, #menu2 .socialtags {
	position: relative;  /* indispensable pour IE 5.5 */
  padding: 10px 0 10px;
	font-size: 0.56em;
	border-top: 1px solid #606060;
}

#menu2 a.envoiami {
	line-height:1.5em;
	display:block;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0.5em 20px;
	background: url(../_images/picto_envoie.gif) no-repeat 0px 2px;
	color: #484848;
	text-decoration: none;
}	
#menu2 a.imprimer {
	line-height:2.1em;
	display:block;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0.2em 20px;
	background: url(../_images/picto_print.gif) no-repeat 0px 2px;
	color: #484848;
	text-decoration: none;
}	
.ar {
	font-size: 0.56em;
	display:block;
	margin: 15px 0px 0px 3px;
	padding: 3px 0px 5px 28px;
	background: url(../_images/ar.gif) no-repeat 0px 2px;
	color: #484848;
	text-decoration: none;
}
.ari {
	font-size: 0.56em;
	display:block;
	margin: 15px 0px 0px 1px;
	padding: 3px 0px 5px 42px;
	background: url(../_images/ari.gif) no-repeat 0px 2px;
	color: #484848;
	text-decoration: none;
}
#menu2 a.acrobat {
	line-height:2em;
	margin: 0px 0px 0px 6px;
	padding: 0px;
	color: #484848;
	text-decoration: none;
}	
#menu2 a.acrobat img {
	vertical-align: middle;
	display: inline;
}	
#menu2 a.acrobat span {
	vertical-align: middle;
	display: inline;
	padding: 0px 0px 0px 2px;
}
#menu2 .visuel img {
	margin: 0 0 10px 6px;
	width: 145px;
	height: 145px;
}
#menu2 img.logo35 {
	border: 0;
	width: 35px;
	height: 35px;
}
#menu2 img.logo35b {
	border: 0px;
	width: 35px;
	height: 35px;
}
#menu2 img.logo100 {
	border: 0;
	width: 100px;
	height: 100px;
}
#menu2 .label {
	display: block;
	margin: 2px 0 0 0;
	font-size: 0.56em;
	color: #484848;
	padding: 0 0 0 6px;
}
#menu2 select#num_dep {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	color: #484848;
	width: 135px;
	margin: 0 0 0 5px;
	font-size: 0.56em;
	height:2em;
	font-weight: normal;
	vertical-align: middle;
	display: inline;
}
#menu2 select#nom_dep {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	color: #484848;
	width: 135px;
	margin: 0 0 0 5px;
	font-size: 0.56em;
	height:2em;
	font-weight: normal;
	vertical-align: middle;
	display: inline;
}
#menu2 input#validaccesnum {
	width:19px;
	height:19px;
	vertical-align: middle;
	display: inline;
}
#menu2 input#validaccesnom {
	width:19px;
	height:19px;
	vertical-align: middle;
	display: inline;
}

/*==========  Rechercher haut  ==============*/
#rechercherhaut {
	display: none;
    float: right;
	width: 135px;
	color:#606060;
	margin: 55px 15px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#rechercherhaut input#recherchehaut {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	border: 1px solid #F5F5F5;
	color: #669708;
	width: 100px;
	font-size: 0.7em;
	font-weight: normal;
	padding : 0.1em 0 0.1em 0.2em;
	vertical-align: middle;
	display: inline;
}

#rechercherhaut input#validsearchhaut {
	vertical-align: middle;
	display: inline;
}
#rechercherhaut img {
	margin: 0 0 0 2px;
	vertical-align: middle;
	border: 0px;
}

/*==========  Rechercher  ==============*/
#rechercher {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	width: 155px;
	font-size: 0.75em;
	font-weight: bold;
	color:#606060;
	margin: 30px 0px 10px 11px;
	padding: 0px 0px 0px 0px;
}

#rechercher img {
	margin: 0 0 0 2px;
	vertical-align: middle;
	border: 0px;
}
#rechercher p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #484848;
	font-size:0.9em;
	margin: 0;
}
#rechercher a {
	text-decoration: underline;
	font-weight: normal;
	color: #484848;
}
.rechercheavancee {
	display: none;
}
#titre {
	margin: 10px 30px 0px 30px;
}
#results {
	margin: 0.5em 0px;
	color: #484848;
}
#results p {
	margin: 0px 0px 0.25em;
}
#results p.enteteresult {
	padding: 0px 0px 0px 0px;
	font-size: 0.7em;
}
#results .enteteresult a {
	text-decoration: underline;
	color: #606060;
}
#results .enteteresult a:hover {
	text-decoration: none;
	color: #606060;
}
#results .item {
	background: #eeeeee;
	padding: 5px;
	margin: 0px 0px 0.5em;
}
#results .titreresult a {
	text-decoration: underline;
	color: #606060;
}
#results .titreresult a:hover {
	text-decoration: none;
	color: #606060;
}
#results p.titreresult {
	background: url(../_images/picto_results.gif) no-repeat 0px 1px;
	padding: 0px 0px 2px 20px;
	font-size: 0.7em;
}
#results p.path {
	color: #606060;
	font-size: 0.7em;
}
#results .path a {
	color: #606060;
	text-decoration: none;
}
#results .path a:hover {
	color: #606060;
	text-decoration: underline;
}

/*==========  Contenu - commun  ==============*/
.blocoutilcentre {
	display: none;
}

#contenu h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #606060;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0.3em;
	padding: 0px;
}
#contenu img.leftill {
	float: left;
	padding: 0 0 5px 0;
	margin: 0 5px 0 0;
	border: 0px;
	width: 44px;
	height: 44px;
}
#contenu img.rightill {
	float: right;
	margin: 0 12px 5px 5px;
	border: 0px;
	width: 44px;
	height: 44px;
}
#contenu a:hover {
	text-decoration: none;
}
.o2paj {
	clear: both;
	font-size: 0.7em;
	text-align: right;
	margin: 15px 0px 0.5em;
}
.o2paj a {
	color: #484848;
	background: url(../_images/puce_o2paj.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 15px;
}
.o2paj a:hover {
	text-decoration: none;
}
#contenu .texte {
	font-size: 0.9em;
	margin: 0 0 0.5em 0;
	color: #484848;
	line-height: 1.2em;
	text-align: justify;	
}
#contenu  .texte a {
	color: #606060;
	text-decoration: underline;
}
#contenu a.LienTelecharg {
	color: #606060;
	text-decoration: underline;
}
#contenu a.LienTelecharg:hover {
	text-decoration: none;
}
#contenu .notes {
	font-size: 0.7em;
	margin: 3em 0 0.5em 0;
	color: #484848;
	text-align: justify;	
}
#contenu .notes p {
	margin: 0px;
}
#contenu .listedoc ul {
	clear: both;
	margin: 1em 0 10px 0;
	padding: 0 0 0 0; 
	font-size: 0.7em;
	color: #484848;
	list-style-type: none;
}
#contenu .listedoc ul li {
	line-height: 1.5em;
	background: url(../_images/puce_menu_01.gif) no-repeat 0px 2px;
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
}
#contenu a.document {
	color: #606060;
	text-decoration: underline;
	margin: 0 0 0.25em 0;
	padding: 0 0 0 7px;
}
#contenu a.document:hover {
	text-decoration: none;
}
#contenu .docdesc{
	display:block;
	line-height: 1.1em;
	padding: 0 0 0 7px;
	margin: 0 0 5px 0;		
}

/*==========  Contenu - Rubrique  ==============*/
#contenu .rub {
	margin: 0 0 1.5em 0;
}

#contenu .listerub1sur2 {
	float: left;
	width: 48%;
	clear:both;
}
#contenu .listerub2sur2 {
	float: right;
	width: 48%;
}
#contenu .listeart1sur2 {
	float: left;
	width: 48%;
}
#contenu .listeart2sur2 {
	float: right;
	width: 48%;
}
#contenu .listerub1sur3 {
	float: left;
	width: 32%;
	padding: 0 1% 0 0;
	clear:both;
}
#contenu .listerub2sur3 {
	float: left;
	width: 32%;
	padding: 0 1% 0 0;
}
#contenu .listerub3sur3 {
	float: left;
	width: 32%;
}
#contenu .titreacturub {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px 12px 0.25em 0px;
	margin: 0px;
	clear: both;	
}

#contenu .actuliterub {
	line-height: 1em; display: block; /* Indispensable pour IE 6 */
	background: #eeeeee;
	margin: 0px 0px 0.5em;
	padding: 0.25em 0px 0px 0px;
	color: #484848;
}

#contenu .listerub {
	line-height: 1em; display: block; /* Indispensable pour IE 6 */
	/* background: #eeeeee; */
	background: #dbcccc;
	margin: 0px 0px 0.5em;
	padding: 0.25em 0px 0px 0px;
	color: #484848;
}
#contenu .listerub .textesousrub {
	font-size: 0.7em;
	margin: 0 0 0 0;
	padding: 0 12px 5px 12px;
	color: #484848;
	line-height: 1.1em;
	text-align: justify;	
}
#contenu .listerub .liens {
	background: #FFFFFF;
	clear: both;
}
#contenu .listerub .liens ul {
	list-style-type: none;
	margin: 0px;
	padding: 0 0 0px 12px;
	margin: 0;
	font-size: 0.6em;
}
#contenu .listerub .liens ul li {
	background: url(../_images/puce_menu_01.gif) no-repeat 0px 3px;
	padding: 0 0 0 12px;
	margin: 0;
}
#contenu .listerub .titresousrub {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	font-weight: bold;
	font-size: 0.9em;
	display: block;
	padding: 0px 12px 0.25em 12px;
	margin: 0px;
}
#contenu .listerub .liens a {
	color: #484848;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#contenu .listerub .liens a:hover {
	text-decoration: underline;
}
#contenu .listeart {
/*	background: #FFFFFF; */
	padding: 0.25em 0px 0px 12px;
	margin: 0.5em 0px 0px;
}
#contenu .titreartliste {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	display: block;
	font-weight: bold;
	font-size: 0.7em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-decoration: underline;
}
#contenu .listeart a:hover {
	text-decoration: none;
}

#contenu .listeetab {
	background: #eeeeee; 
	padding: 0.25em 5px 0.25em 12px;
	margin: 0.5em 0px 0px;
}
#contenu .listeetab .titreetabliste {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	display: block;
	font-weight: bold;
	background: url(../_images/puce_menu_01.gif) no-repeat 0px 3px;
	font-size: 0.7em;
	padding: 0px 0px 5px 5px;
	margin: 0px;
	text-decoration: underline;
}
#contenu .listeetab p {
	color: #484848;
	font-size: 0.7em;
	margin: 0px 12px;
}
#contenu .listeetab a:hover {
	text-decoration: none;
}
#contenu .choixpage {
	text-align: right;
}
#contenu .choixpage select#debut_recherche {
	font-size: 0.7em;
}
#contenu .choixpage select {
	font-size: 0.7em;
}
#contenu .choixpage select#date {
	font-size: 0.7em;
}
#contenu .choixpage input {
	font-size: 0.7em;
	padding: 0px 5px;
}
#contenu .titrerubart {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #484848;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0.3em;
	padding: 0px;
}
#contenu .actubox {
	margin: 0.5em 0px;
}
#contenu .actubox .titremois {
	font-size: 0.9em;
	font-weight: bold;
	color: #606060;
	margin: 0px 0px 0.25em;
	padding: 0.1em 0.5em;
	background: #FFFFFF;
}
#contenu .actubox .actu {
	margin: 0px 0px 0.5em;
}
#contenu  .actubox .lien {
	font-size: 0.7em;
	color: #606060;
	background: url(../_images/puce_menu_01.gif) no-repeat 0px 2px;
	text-decoration: underline;
	margin: 0 0 0.25em;
	padding: 0 0 0 7px;
}


#contenu .actubox2 {
	margin: 0.5em 0 0 0;
	border: 1px solid #909090;
	padding: 10px;
}
#contenu .actubox2 .titresite {
	font-size: 0.8em;
	color: #606060;
	margin: 0.25em 0;
}
#contenu .actubox2 ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
}
#contenu .actubox2 ul li {
	margin: 0;
	padding: 0; 
	clear: both;
}
#contenu  .actubox2 .lien {
	font-size: 0.7em;
	color: #606060;
	text-decoration: underline;
	margin: 0 0 0.25em;
	padding: 0;
}
#contenu .listediv .liens ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0.7em;
}
#contenu .listediv .liens ul li {
	background: url(../_images/puce_menu_01.gif) no-repeat 0px 3px;
	padding: 0 0 0 12px;
	margin: 0;
}
#contenu .listediv .titre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	font-size: 0.7em;
	padding: 1em 12px 0.25em 0px;
	margin: 0px;
}
#contenu .listediv .liens a {
	color: #484848;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#contenu .listediv .liens a:hover {
	text-decoration: underline;
}

/*==========  Contenu - Page d'accueil  ==============*/
#messagedeservice {
	margin: 12px 0 12px 0;
}
#contenu #messagedeservice h3.spip{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #4c0000;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0.3em;
	padding: 0px;
        text-align : center;
}
#contenu .titresite {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
}
#contenu a.titresite:hover {
	text-decoration: underline;
}
#contenu .bienvenue h4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #484848;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0.3em;
	padding: 0px;
}
#contenu .bienvenue p {
	font-size: 0.7em;
	margin: 0 0 1.4em 0px;
	color: #484848;
	line-height: 1.1em;
}
#contenu #boxtitreactu h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #2679AF;
	font-weight: bold;
	margin: 0px;
	padding: 0 0 0 0px; 
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDCDCD;
}

#contenu .listeactu h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	color: #2679AF;
	font-weight: bold;
	margin: 0px;
	padding: 0 0 0 0px; 
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDCDCD;
}
#contenu .listeactu ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
}
#contenu .listeactu ul li {
	margin: 0;
	padding: 0; 
	clear: both;
}
#contenu  .actu {
	margin: 0;
	padding: 5px 0 0 0;
	clear: both;
}
#contenu  .titreactu a {
	margin: 0;
	padding: 0 0 2px 0;
	text-decoration: none;
}
#contenu  .titreactu a:hover {
	text-decoration: underline;
}
#contenu  .listeactu .lien {
	font-size: 0.7em;
	color: #606060;
	font-weight: normal;
	background: url(../_images/puce_menu_01.gif) no-repeat 0px 2px;
	text-decoration: none;
	margin: 0px;
	padding: 0 0 0 7px;
}
.dateactu {
    font-style: italic;
}

#contenu .tout {
	padding: 10px 0 10px 0px;
	line-height: 1.1em;
	font-size: 0.7em;
	text-align: left;
}
#contenu .tout a {
	color: #606060;
	text-decoration: none;
}
#contenu .tout a:hover {
	text-decoration: underline;
}

#dossier h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	color: #2679AF;
	font-weight: bold;
	margin: 0px;
	padding: 0 0 0 0px; 
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDCDCD;
}
#dossier ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
}
#dossier ul li {
	margin: 0 5px 0 0;
	padding: 0; 
	clear: both;
}
#dossier p {
}
#dossier  .titreactu a {
	margin: 0;
	padding: 0 0 2px 0;
	text-decoration: none;
}
#dossier  .titreactu a:hover {
	text-decoration: underline;
}
#dossier .titreactu .lien {
	font-size: 0.7em;
	color: #606060;
	background: url(../_images/puce_menu_01.gif) no-repeat 0px 2px;
	margin: 0 0 0.25em;
	padding: 0 0 0 7px;
}

#dossier .colonne1 {
	float: left;
	width: 48%;
}
#dossier .colonne2 {
	float: right;
	width: 48%;
}

/*==========  article photo  ==============*/
.photo-g {
	margin: 0px 0px 1em;
	color: #484848;
}
.photo-g img {
	float: left;
	margin: 0px 10px 5px 0px;
	border : 0px;
}
.photo-g .titrephoto {
	font-weight: bold;
	font-size: 0.7em;
	color: #484848;
	text-decoration: underline;	
}
.photo-g a:hover {
	text-decoration: none;
}
.photo-g .linki {
	text-align: left;
	font-size: 0.7em;
}
.photo-g .linki a {
	font-weight: normal;
	color: #606060;
	background: url(../_images/picto_photo.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 25px;
}



.mosaique {
	float: left;
	width: 170px;
	padding: 0 20px 20px 0;
	margin: 0px 0px 1em;
	color: #484848;
}
.mosaique img {
	margin: 0px 10px 5px 0px;
	border : 0px;
}
.mosaique .titrephoto {
	font-weight: bold;
	font-size: 0.7em;
	color: #484848;
	text-decoration: underline;	
}
.mosaique a:hover {
	text-decoration: none;
}
.mosaique .linki {
	text-align: left;
	font-size: 0.7em;
}
.mosaique .linki a {
	font-weight: normal;
	color: #606060;
	background: url(../_images/picto_photo.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 25px;
}

/*==========  Question  ==============*/
#question {
	color: #4A4A4A;
}
#question h3 {
	font-size: 0.8em;
	margin: 1em 0px 0.5em;
}
#question p {
	font-size: 0.7em;
	margin: 0px;
}
#question a {
	font-size: 1.1em;
	font-weight: bold;
	color: #33698D;
	text-decoration: underline;
}
#question a:hover {
	text-decoration: none;
}

/*==========  Pied  ==============*/
#pied {
	color: #787669;
	text-decoration: none;
	font-size: 0.6em;
	margin-top: 1em;
	clear:both;
}
#pied a {
	color: #787669;
	text-decoration: none;
}
#pied a:hover {
	text-decoration: underline;
}
#copyright {
	color: #787669;
	margin-top: 0.2em;
}

#campgouv {
	width:100%;
	text-align: center;
	padding:10px 0px 10px 0px;
}

/*================  formulaire  ===================*/
#f_style {
	margin: 0px;
	padding: 1.5em 0px 0px;
}
#f_style label {
	font-size: 0.7em;
	font-weight: bold;
	display: block;
	float: left;
	width: 120px;
	margin: 0px 0px 0.5em;
	color: #484848;
}
#f_style input, #f_style textarea {
	display: block;
	margin: 0px 0px 0.5em;
	float: left;
	width: 350px;
	font: 0.7em Arial, Helvetica, sans-serif;
	padding: 0px 5px;
}
#f_style select {
	display: block;
	margin: 0px 0px 0.5em;
	float: left;
	width: 200px;
	height:1.8em;
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #484848;
}
#f_style br {
	clear: left;
}
#f_style .valid {
	margin: 0px 0px 0.5em 120px;
}
#f_style input#validform {
	width: 100px;
}

.f_style2 label {
	font-size: 0.7em;
	font-weight: bold;
	display: block;
	float: left;
	width: 180px;
	margin: 0px 0px 0.5em;
	color: #484848;
}
.f_style2 br {
	clear: left;
}
.f_style2 select {
	display: block;
	margin: 0px 0px 0.5em;
	float: left;
	width: 200px;
	height:1.8em;
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #484848;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	font-weight: normal;
	vertical-align: middle;
	display: inline;
}
.f_style2 input {
	margin: 0px 0px 0.5em 100px;
	width: 100px;
	margin: 0px 0px 0px 0.5em;
	width:19px;
	height:19px;
	vertical-align: middle;
	display: inline;
}

/*================  tableau  ===================*/
#tableau {width:100%;}
#tableau table.forme { border: 1px solid #606060;border-collapse: collapse;}
#tableau th.forme {font-size: 0.7em;color:#484848; line-height: 2em; padding: 2px 10px;border: 1px solid #606060;font-weight:normal;}
#tableau td.forme {font-size: 0.7em; padding: 5px 5px 5px 5px;color: #484848;line-height: 1.1em;border: 1px solid #606060;}
#tableau td.formecoltexte {padding: 5px 10px 5px 5px; border: 1px solid #606060;}
#tableau a.lien {color: #606060;text-decoration: underline;}
#tableau a.lien:hover {text-decoration: none;}

/*================  forums  ===================*/
#tableauforum {width:100%;}
#tableauforum table.forum {background-color: #FFFFFF; border: 1px solid #606060;}
#tableauforum th.forum {font-size: 0.7em;background-color:#606060;color:#FFFFFF; line-height: 2em; padding: 2px 10px;}
#tableauforum td.forumcoltexte {background-color: #eeeeee; padding: 5px 10px 5px 5px; }
#tableauforum td.forum {font-size: 0.7em; background-color: #eeeeee; padding: 5px 5px 5px 5px;color: #484848;line-height: 1.1em;}
#tableauforum a.titreforum{font-size: 0.7em;font-weight:bold; display:block;color: #606060;text-decoration: underline;}
#tableauforum a.titreforum:hover {text-decoration: none;}
#tableauforum .texteforum{font-style:italic;}
#tableauforum .titresujet{font-size: 0.7em;font-weight:bold;padding-bottom:5px;text-align:left;}
#tableauforum hr { height: 0px; border: dotted #336699 0px; border-top-width: 1px;}
#tableauforum a.lienmsg {color: #606060;text-decoration: underline;}
#tableauforum a.lienmsg:hover {text-decoration: none;}

#contenu .navforum {
/*	background: #eeeeee;
	border-top: 1px solid #FF7A37; 
	margin: 0.5em 0px 1em 0px;
	padding: 0.25em 0 0.25em 0;	*/
	margin: 2em 0px 0px 0px;
	padding: 0.25em 0 0.25em 0;	
}
#contenu .retour {
	background: url(../_images/puce_menu_01.gif) no-repeat 4px 2px;
	padding: 0px 0px 0px 15px;
}
#contenu .retour a {
	color: #484848;
	font-size: 0.7em;
	line-height: 1.1em;
	text-decoration: underline;
}
#contenu .retour2 {
	background: url(../_images/puce_menu_01.gif) no-repeat 4px 2px;
	margin: 2em 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}
#contenu .retour2 a {
	color: #484848;
	font-size: 0.7em;
	line-height: 1.1em;
	text-decoration: underline;
}
#contenu .pagination {
	color: #484848;
	font-size: 0.7em;
	padding-top:2px;
	line-height: 1.1em;
	text-align:right;
}
#contenu .pagination a {
	color: #484848;
	text-decoration: underline;
}
#contenu .pagination a:hover {
	color: #484848;
	text-decoration: none;
}

#contenu .retour a:hover {
	text-decoration: none;
}
#contenu .action {
/*	margin: 0 0 0.5em;
	padding: 2px 0px 5px; */
	background: url(../_images/picto_ajouter.gif) no-repeat 2px 50%;
	margin: 1em 0 0 0;
	padding: 2px 0px 5px;
}
#contenu .action a {
	font-weight: bold;
	color: #484848;
	text-decoration: none;
	font-size: 0.8em;
	margin: 2px 10px 0px 0px;
	padding: 4px 0px 5px 30px;
}
#contenu .titrerep {
	font-size: 0.7em;
	font-weight:bold;
	text-align: center;
	background-color:#606060;
	color:#FFFFFF;
	line-height: 2em;
	width : 99%;
	padding: 5px;
	margin: 10px 0px 0px 0px;
}

/*================  forums hierarchiques ===================*/
#contenu ul.forum-total {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#contenu .forum-fil {
}
#contenu .forum-fil ul {
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
#contenu ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0.5em;
}
#contenu .titre-forumh {width:100%;padding-bottom:5px;text-align:center;margin-bottom:1px;background-color:#606060;color:#FFFFFF;font-size:0.7em;font-weight:bold;line-height: 2em; }

#contenu .ligne-forumh {width:100%;background-color:#eeeeee; position : relative;}
#contenu .ligne-forumh .titresujet{font-size:0.7em;font-weight:bold;padding-bottom:5px;text-align:left;border-bottom:1px dotted #336699; }
#contenu .ligne-forumh .textesujet{font-size:0.7em;padding:5px 5px 5px 5px;text-align:left;}
#contenu .ligne-forumh .repondre{
	line-height: 1.1em;
	text-align: right;
}
#contenu .ligne-forumh a.action{
	padding:4px 5px 4px 28px;
	background: url(../_images/picto_ajouter.gif) no-repeat 2px 50%;
	font-size:0.7em;
	color: #484848;
}
#contenu .ligne-forumh a.repmsg{
	padding:0px 5px 0px 6px;
	background: url(../_images/puce_menu_01.gif) no-repeat 0px 2px;
	font-size:0.7em;
	color: #484848;
	text-decoration: underline;
}


#contenu ul .com {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0.5em;
}
#contenu .ligne-com {width:100%;background-color:#FFFFFF; position : relative;}
#contenu .ligne-com .titresujet{font-size:0.7em;text-align:left; color: #606060;padding: 5px 10px 0px 0px;}
#contenu .ligne-com .textesujet{font-size:0.7em;padding: 0px 10px 0px 5px;text-align:left;color: #484848;}
#contenu .ligne-com a.action{
	padding:4px 5px 4px 28px;
	background: url(../_images/picto_ajouter.gif) no-repeat 2px 50%;
	font-size:0.7em;
	color: #484848;
}
#contenu .ligne-com .repondre{
	line-height: 1.1em;
	text-align: right;
}
#contenu .ligne-com a.repmsg{
	padding:0px 5px 0px 6px;
	background: url(../_images/puce_menu_01.gif) no-repeat 0px 2px;
	font-size:0.7em;
	color: #484848;
	text-decoration: underline;
}
.photo-g .linki {
	text-align: left;
	font-size: 0.7em;
}
.photo-g .linki a {
	font-weight: normal;
	color: #606060;
	background: url(../_images/picto_photo.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 25px;
}

#contenu .entetecom {
	clear: both;
	font-size: 0.8em;
	font-weight: bold;
	color: #606060;
	background: #eeeeee;
	margin: 1em 0px 0.5em;
	padding: 0.25em 0.5em;
}
/*=====================  style agenda =======================*/
#calend {
	margin: 0.5em 0px 1em 0px;
}
#calend table {
	border-collapse: collapse;
	border: thin solid #606060;
}
#calend th {
	border: thin solid #606060;
	font-weight: bold;
	color: #FFFFFF;
	background: #606060;
	text-align: center;
	height: 14px;
	font-size: 0.8em;
}
#calend td {
	border: thin solid #606060;
	font-size: 0.7em;
	padding: 3px;
	height: 53px;
	vertical-align: top;
}
#calend td.agendaThisDay{
	background: #d1d7dc;
}
#calend td.agendaThisMonth{
	background-color: #FFFFFF;
}
#calend td.agendaNotThisMonth{
	background: #eeeeee;
}

.choixmois .moisprec {
	color: #484848;
	line-height: 1.1em;
	text-align: left;
	font-size: 0.7em;
}
.choixmois .moisprec a{
	color: #484848;
	font-weight:normal;
	text-decoration: underline;
}
.choixmois .moissuiv {
	color: #484848;
	line-height: 1.1em;
	text-align: right;
	font-size: 0.7em;
}
.choixmois .moissuiv a{
	color: #484848;
	font-weight:normal;
	text-decoration: underline;
}
.choixmois .selectmois {
	text-align: center;
}
.choixmois select {
	font-size: 0.7em;
	height:1.8em;
	width: 8em;
}

.choixmois input {
	font-size: 0.7em;
	padding: 0px 5px;
}

#calend a {
	font-size: 0.8em;
	font-weight: normal;
	display: block;
	color: #606060;
	text-decoration: underline;
	padding: 0 0 5px 6px;
	background: url(../_images/puce_menu_01.gif) no-repeat 0px 2px;
}

#calend a:hover {
	text-decoration: none;
}

#artcal {
	margin: 1em 0px 0.25em 0px;
	background: #FFEFE7;
	padding: 7px;
	color: #484848;
}
#artcal .titrecal {
	font-size: 0.7em;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: url(../_images/puce_article.gif) no-repeat 0px 3px;
}
#artcal .datecal {
	font-size: 0.7em;
	font-weight: normal;
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 0px 10px;
	background: url(../_images/puce_article.gif) no-repeat 0px 3px;
}
#artcal a {
	color: #eeeeee;
	text-decoration: none;
}
.folio {
	margin: 10px 0px 0px 0px;
	background: #eeeeee;
	padding: 0.25em 0.5em;
	color: #484848;
	height: 15px;
	line-height: 0.7em;
}

/*==========  Plan  ==============*/
#plan2 {
	font-size: 0.8em;
}

#plan2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 1px;
}

#plan2 ul.plansite ul { 
	list-style-type: none;
	margin: 0px;
	padding: 0 0 0 1.5em;
}

#plan2 li { 
	margin: 0px;
	padding: 0px;
}

#plan2 a { 
	color: #484848;
	text-decoration: underline;
	display: block;
	line-height: 1.2em;	
	background: #FFFFFF url(../_images/puce_menu.gif) no-repeat 0px 7px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
}

#plan2 a.plansecteur {
	font-weight: bold;
	line-height: 2em;
	background: #FFFFFF url(../_images/picto_plan.gif) no-repeat 5px 5px;
	margin: 0.5em 0px 0.5em;
	padding: 0px 0px 0px 30px;
}

#plan2 a.planrubniv1 {
	font-weight: bold;
	margin: 0.5em 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}


/*==========  Styles propres de SPIP  ==============*/
#contenu h3.spip{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	font-weight: bold;
	font-size: 1.25em;
	padding: 1em 0px 0.2em 0px;
	margin: 0px 0px 0.25em;
}

a {text-decoration: none;}
a:hover.LienH2 {text-decoration: none;}
a:hover {
	color:#FF9900;
	text-decoration: underline;
}
a.spip_url {text-decoration: underline;color: #606060;}
a.spip_in {text-decoration: underline;color: #606060;}
a.spip_out {
	color: #606060;
	background-image: none;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}
a.spip_glossaire { }

.spip_code {
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.spip_note { 
}

.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 100%;
}

table.spip {
font-size: 1em;  /* indispensable pour IE 5.5 */
border: 1px solid #606060;
border-collapse: collapse;
margin-bottom: 1em;
}

table.spip tr.row_first {
	background-color: #eeeeee;
}

table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #606060;
}
table.spip th {
	padding: 1px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #606060;
}

hr.spip { }
b.spip { }
i.spip { }

.spip_encadrer {
	font-size: 0.7em;
	width : 99%;
	background-color: #eeeeee;
	padding: 5px;
	margin: 0;
}
.forml { 
	font-size: 1em;
	width: 97%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

.spip_bouton { margin: 5px 5px 0 0;}
.spip_bouton:hover {background: #ebebeb;}

.spip_cadre {
	width : 100%;
	background-color: #FFFFFF;
	padding: 5px;
}

.formrecherche { width: 100% ; background-color: #FFDDAA;}

.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}

.spip_surligne {}

p.spip {
	text-align: justify;
	margin: 0 0 15px 0;
}
ol.spip
{
	margin: 0 0 15px 3em;
}
ul.spip {
	padding: 0 0 5px 3em;
	position: relative;  /* indispensable pour IE 5.5 */
}
.spip_code {
	font-size: 1.2em;
}
.spip_documents_center{
	margin: 3px 0px 0px 0px; 
	text-align: center;
}
.spip_documents_left{
	margin: 3px 5px 3px 0px; 
	text-align: center;
}
.spip_documents_right{
	margin: 3px 0px 3px 5px; 
	text-align: center;
}

.diff-para-deplace {background: #e8e8ff;}
.diff-para-ajoute {background: #d0ffc0;	color: #000000;}
.diff-para-supprime {background: #ffd0c0;color: #904040;text-decoration: line-through;}
.diff-deplace {background: #e8e8ff;}
.diff-ajoute {background: #d0ffc0;}
.diff-supprime {background: #ffd0c0;color: #802020;text-decoration: line-through;}
.diff-para-deplace .diff-ajoute {border: 1px solid #808080;background: #b8ffb8;}
.diff-para-deplace .diff-supprime {border: 1px solid #808080;background: #ffb8b8;}
.diff-para-deplace .diff-deplace {border: 1px solid #808080;background: #b8b8ff;}

/* Barre de raccourcis SPIP */
a.spip_barre img {
	vertical-align:middle;
	padding: 3px;
	margin: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #C0CAD4;
}
a.spip_barre:hover img {
	background-color: white;
}

blockquote.spip {
	margin : 10px 40px 10px 40px;
	border : solid 1px #aaaaaa;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

/*  ------------------------------------------ */
/*  Pour le portage sous SPIP 2 			   */
/*  ------------------------------------------ */

/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { font-size: 0.7em; clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 5px; border: 1px solid; width : 99%; background-color: #efefef;}
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 99%; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}
.formulaire_spip input.submit:hover {background: #ebebeb;}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #eeeeee; padding: 3px; border: 1px outset #C0CAD4; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #C0CAD4; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_texte textarea { width: 99%; 
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.formulaire_forum .saisie_titre #titre {margin:3px 0 0 0;}


/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
.formulaire_recherche input.submit {}

.spip_surligne {} /* Cf.: spip_style.css */

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}


/* Divers
----------------------------------------------- */
#contenu .listeetab p {font-size: 1em;}
#contenu .texte p {text-align: justify; margin: 0 0 15px 0; text-indent: 2em; }
.spip_documents img {border-width: 0px;}
.spip_documents_center{display:block;display:table;clear:both;margin:0 auto;}
.spip_documents_left{float:left;}
.spip_documents_right{float:right;}


/*================  formulaire questionner ===================*/
#formulaire_questionner { margin: 0px; padding: 1.5em 0px 0px; }
#formulaire_questionner label {	font-size: 0.7em; font-weight: bold; display: block; float: left; width: 120px; margin: 0px 0px 0.5em; color: #484848; }
#formulaire_questionner input, #formulaire_questionner textarea { display: block; margin: 0px 0px 0.5em; float: left; width: 350px; font: 0.7em Arial, Helvetica, sans-serif; padding: 0px 5px; }
#formulaire_questionner select { display: block; margin: 0px 0px 0.5em; float: left; width: 200px; height:1.8em; font: 0.7em Arial, Helvetica, sans-serif; color: #484848; }
#formulaire_questionner br { clear: left; }
#formulaire_questionner .valid { margin: 0px 0px 0.5em 120px; }
#formulaire_questionner input#validform { width: 100px; }


/*================  galerie d'images ===================*/
.phototeque_image {
	border: 1px solid #C0C0C0;
	width: 100%;
	margin: 10px 0 30px 0;
	padding: 0px 0px 10px 0px;
	text-align: center;
}

.phototeque_image img {
	border: none;
}

.phototeque_image .titrephoto {
	font-weight: bold;
	font-size: 0.7em;
	color: #484848;
	text-decoration: underline;	
}

.phototeque_image .descphoto {
	text-align: center;
	font-size: 0.7em;
	color: #484848;
}

.phototeque_image .taillephoto {
	text-align: center;
	font-size: 0.7em;
	color: #484848;
}

.phototeque_navimage {
	border-bottom: 1px solid #C0C0C0;
	padding: 5px 5px;
	margin-bottom: 5px;
	font-size: 0.7em;
	color: #484848;
	text-align: center;
}


.phototeque_navimage .photo_nav_gauche {
	float: left;
	width: 25%;
	text-align: left;
}
.phototeque_navimage .photo_nav_droite {
	float: right;
	width: 25%;
	text-align: right;
}

.phototeque_navimage a {
	color: #484848;
	text-decoration: underline;	
}
.phototeque_navimage a:hover {
	text-decoration: none;	
}

.phototeque_vignette {
	float: left;
	width: 128px;
	color: #484848;
	margin: 8px 10px 8px 0px;
	border: 1px solid #C0C0C0;	
}

.phototeque_vignette img {
	border: none;
}

.phototeque_vignette a.logophoto {
	border : 0px;
}

.phototeque_vignette a:hover {
	text-decoration: none;
}

#rechercher_photo {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	color:#606060;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#rechercher_photo input#recherche_photo {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	color: #484848;
	width: 120px;
	font-size: 0.8em;
	font-weight: normal;
	padding : 2px 0px 2px 5px;
	vertical-align: middle;
	display: inline;
}

#rechercher_photo input#validsearchphoto {
	width:19px;
	height:19px;
	vertical-align: middle;
	display: inline;
}

#rechercher_photo img {
	margin: 0 0 0 2px;
	vertical-align: middle;
	border: 0px;
}


/*================  impact plugin ciform ===================*/
.formulaire_spip input.text {font-size: 1em; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}
.formulaire_spip textarea {font-size: 1em; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}
.formulaire_spip select {font-size: 1em; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}
.formulaire_spip .obligatoire {font-weight: normal;}
.formulaire_spip label {margin-bottom: 2px;}
.formulaire_spip .erreur {color:red;}
.formulaire_spip .formulaire_erreur {display: block; margin-bottom: 3px; color:red; font-weight: bold;}
.formulaire_spip img, .spip_logos {border:0 none;margin:0;padding:0;}

.cadre-padding { padding: 6px; }
.cadre-revision { margin: 10px 0 10px 0; font-family: Verdana, Geneva, helvetica, sans; position: relative; background-color: #fff; border: 1px solid #666; }
.cadre-revision div.cadre-titre { background-color: #aaa; border-bottom: 1px solid #666; color: #000; }
.cadre-revision ul {margin: 10px 0 10px 30px; font-size:0.8em;}
.cadre-revision ul a {color: #6583A2;}
.cadre-revision .label {color: #FFF;}

.formulaire_login fieldset ul li input.text, .formulaire_login fieldset ul li input.password {display:inline; margin:0; width:20em;border:1px inset;font-family:Arial,sans-serif,Verdana,Geneva,Helvetica;font-size:1.2em;}

#contenu .listedocwiki ul li {margin-top: 0.25em;}
#contenu .listedocwiki .info_resa {	color:#E86519; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif;}


/*-- image flottante gauche et liste a puce --*/
ul.spip {overflow:hidden;}

/*-- boutons ok --*/
#rechercher input#recherche {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	width: 120px;
	font-size: 0.8em;
	font-weight: normal;
	vertical-align: middle;
	display: inline;
	height: 20px;
	padding: 0 0 0 5px;
	margin: 2px 0 0 0;
	border: 1px solid #484848;
}

#rechercher input#validsearch {
    background-color: #dbcccc;
	  border: 1px solid #484848;    
    color: #484848;
    height: 22px;
    margin: 2px -6px 0;
    padding-bottom: 2px;
    width: 26px;
	  vertical-align: middle;
	  display: inline;
}
#rechercher input#validsearch:hover {background-color: #ebebeb;}

/* masquage du lien de recherche avancee */
#rechercher input#validsearch + p {
    display : none;
}

.f_style2 input{
    background-color: #E1E0DF;
	border: 1px solid #484848;    
    color: #484848;
    height: 21px;
    margin: 0 0 0 5px;
    padding-bottom: 2px;
    width: 26px;
}
.f_style2 input:hover {background-color: #ebebeb;}

#menu2 input#validaccesnum{
    background-color: #E1E0DF;
	border: 1px solid #484848;    
    color: #484848;
    height: 18px;
    margin: 0 0 0 1px;
    padding-bottom: 2px;
    width: 24px;
}
#menu2 input#validaccesnum:hover {background-color: #ebebeb;}

#menu2 input#validaccesnom{
    background-color: #E1E0DF;
	border: 1px solid #484848;    
    color: #484848;
    height: 18px;
    margin: 0 0 0 1px;
    padding-bottom: 2px;
    width: 24px;
}
#menu2 input#validaccesnom:hover {background-color: #ebebeb;}

#rechercher_photo input#recherche_photo {
	height: 17px;
	width:120px;
	padding: 0 0 0 5px;
	margin: 2px 0 0 0;
	border: 1px solid #484848;
}

#rechercher_photo input#validsearchphoto {
    background-color: #E1E0DF;
	border: 1px solid #484848;    
    color: #484848;
    height: 19px;
    margin: 2px -6px 0;
    padding-bottom: 2px;
    width: 26px;
}

#rechercher_photo input#validsearchphoto:hover {background-color: #ebebeb;}
#contenu .choixpage input:hover {background-color: #ebebeb;} 
.choixmois input:hover {background-color: #ebebeb;}


/*-- nom du site cliquable --*/
#nomdusite { 
	font-family: 'ALGER' !important;
}
#nomdusite a { 
	font-family: 'ALGER' !important;
	color: #4c0000;
	font-size: 50px;  
  font-style: italic;
}
#soustitredusite { 
	color: #4c0000;
	font-size: 20px;  
  font-style: italic;
  margin-top: -10px;
}
#nomdusite a:hover {text-decoration: none;}


/*-- RSS forum --*/
#contenu .rssforum {text-align:right; margin: 0px 0px 0px 0px;}
#contenu .rssforum img {border: none;}
#contenu .rssforum a {text-decoration: none;}
#contenu .rssforumrub {text-align:right; margin: -1.2em 0px 0.2em 0px;}
#contenu .entetecom {margin-top: 0.2em;}


/*-- reservation notifications --*/
#menu2 a.abonner {
	line-height:2.1em;
	display:block;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0.2em 20px;
	background: url(../_images/abonner.png) no-repeat 0px 2px;
	color: #484848;
	text-decoration: none;
}	

#menu2 a.desabonner {
	line-height:2.1em;
	display:block;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0.2em 20px;
	background: url(../_images/desabonner.png) no-repeat 0px 2px;
	color: #484848;
	text-decoration: none;
}

#contenu .abonnementretour {
	background: url(../_images/puce_menu_01.gif) no-repeat 4px 2px;
	padding: 0px 0px 0px 15px;
}

#contenu .abonnementretour a {
	color: #484848;
	line-height: 1.1em;
	text-decoration: underline;
}


/*========== Sommaire ==============*/
#sommaire .nav-sommaire {border: 1px solid #909090;margin: 2em 0 1em 0;}

#sommaire .nav-sommaire h2 {color: #808080;padding: 0 0 0.5em 1.5em;margin-top:0.5em;font-size: 1.1em;}

#sommaire .nav-sommaire ul {
	margin: 0px;
	list-style-type: none;
	line-height: 1px;
	padding: 0 1em 0 1.5em;
}

#sommaire .nav-sommaire ul li {margin: 0px;padding: 0 0 1em 0;}

#sommaire .nav-sommaire ul li ul li {margin: 0px;padding: 0px;}

#sommaire .nav-sommaire a { 
	text-decoration: underline;
	display: block;
	line-height: 1.5em;	
	background: #FFFFFF url(../_images/puce_menu.gif) no-repeat 0px 6px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
}

#sommaire .nav-sommaire a:hover {text-decoration: none;}

#contenu a.sommaire-back {
	display:block;
	float: right;	
	background: url("../_images/puce_retour_sommaire.gif") no-repeat scroll right 6px transparent;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif,Verdana,Geneva;
	font-weight: normal;    
	color: #FFFFFF;
	padding: 0 15px 0 0px;
	text-decoration: none;
}

#contenu a.sommaire-back:hover {
    text-decoration: none;
}

/* masquer les sommaires avec un seul lien */
.nav-sommaire-1 {display: none}
.sommaire-back-1 {display: none}


/*========== Intertitres ==============*/
#contenu #texteformesommaire h3.spip, #contenu #texteformesommaire h4.spip, #contenu #texteformesommaire h5.spip {
    border-left: 1px solid #CCCCDD;
    margin: 1em 0 1em 15px;
    padding: 0 0 0 10px;
    text-align: left;
    line-height: 1.4em;
	clear:both;    
}
#contenu #texteformesommaire h3.spip {
    margin: 2em 0 1em 15px;
    border-left-width: 10px;
    margin-left: 0px;
}
#contenu #texteformesommaire h4.spip {
    border-left-width: 6px;
    margin-left: 6px;
	font-size: 1.2em;
}
#contenu #texteformesommaire h5.spip {
    border-left-width: 2px;
    margin-left: 12px;
	font-size: 1em;
}

/*-- date de publication et modification --*/
.dateart{
	color:#484848;
	font-weight: normal;
	font-size:0.63em;
	border-bottom: 1px solid #CDCDCD; 
	padding: 0px 0px 0.5em 0px;	
	margin: 0px 0px 1.5em 0px;	
}
.datesite {
	color:#787669;
	width:100%;
	text-align: center;
	padding: 0 0 3px 0;
}
#pied div.acces {
	display: none;
}

/*-- Rubrique avec les articles avant les sous rubriques --*/
.espace{margin:5px 0;}

/*-- Pagination de la recherche --*/
#contenu .pagination {
	font-size: 0.9em;
	line-height: 0.9em;
	padding:0px;
}

/*-- Bloc de texte en colonne de droite de la page d'accueil --*/
#menu2 .bloc5 {
	padding: 0.1em 3px 0.5em 6px; 
	font-size: 0.7em;
	color:#484848;
}
#menu2 .bloc6 {
	padding: 0.1em 3px 0.5em 6px; 
	font-size: 0.7em;	
	color:#484848;
    border-top: 1px solid #606060;
    clear: both;
}


/*-- reservation pour Eluminures typographiques --*/

.texteencadre-spip {
	background: #F5F5F5;
	border: 1px solid #C0C0C0;
	margin: 2em 0;	
	padding: 1em;	
	position: relative;
	border-radius: 10px;
	box-shadow: 0px 4px 5px 0 #555555;
	
}

.caractencadre-spip {
	color: #990000;
	font-weight: bold;
}

.caractencadre2-spip {
	color: #009;
	font-weight: bold;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

sup, sup.typo_exposants {
	font-size: 78%;
	font-variant: normal;
	vertical-align: 24%;
}

sub {
	font-size: 60%;
	font-variant: normal;
	vertical-align: -20%;
}

.caps {
	font-variant: small-caps;
}

acronym, abbr { border-bottom: .1em dotted; cursor: help; }

#contenu h3.spip {clear:both;}
/*
#contenu h4.spip, #contenu h5.spip {
    margin: 1em 0 0.2em 0;
    padding: 0 0 0.25em 0;
    text-align: left;
    line-height: 1.4em;
    clear:both;
}
#contenu h4.spip {
    margin-left: 6px;
	font-size: 1.2em;
}
#contenu h5.spip {
    margin-left: 12px;
	font-size: 1em;
}

#contenu h3.spip, #contenu h4.spip, #contenu h5.spip {
	line-height: 1.2em;
}
*/
/*-- reservations diverses --*/
ul.spip {
	margin-top: -0.8em;
	padding: 0 0 1em 3em;
	position: relative;  /* indispensable pour IE 5.5 */
}
ul.spip ul {
	margin: 0;
	padding: 0.1em 0 0.1em 3em;
	position: relative;  /* indispensable pour IE 5.5 */
}

ul.spip li {
    padding: 0.1em 0;
}
ol.spip {
	margin: -0.8em 0 15px 3em;
}
.spip_cadre {
	margin-bottom: 0.7em;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;	
	font-size: 1em;
	width : 98%;
}

.spip_documents_center {
    clear: both;
    display: table;
    margin: 1em auto;
}
.spip_documents_left {
    float: left;
	margin: 3px 1em 0.7em 0; 
}
.spip_documents_right {
    float: right;
	margin: 3px 0 1em 1em; 
}
.spip_code {
	font-family: Courier,"Courier New",monospace;
}
blockquote.spip_poesie {
    background-color: #EEEEEE;
    border: 0 none;
    margin: 2em 0;
    padding: 15px;
}
blockquote.spip {
	padding: 0.5em;	
	margin: 2em 0 2em 1em;	
}
#contenu blockquote.spip p, blockquote.spip .chapo p {
    margin: 0.6em 0 0;
}
#contenu blockquote.spip p:first-child, blockquote.spip .chapo p:first-child {
    margin: 0;
}
table.spip th, table.spip td, table.spip caption {
    padding: 0.5em 0.25em;
}
/* personnalisations */

span.hobbit-fataliste { 
	font-family: 'ALGER' !important;
	font-size: 1.2em;  
}

.listeart .keyword {
    color: #484848;
    font-size: 0.9em;
    font-weight: bold;
}
#contenu .texte p img {
   margin-left: -2em;
}
#contenu .titreartliste {
   font-size: 1.1em; 
   font-family: 'ALGER' !important;
   font-weight: normal;
}
.article { color: black; }
.article .intro { font-style: italic; }
.article .titre, #contenu h3.spip { 
   color: #484848; 
   font-size: 2.3em;
   text-align: center; 
   line-height: 35px; align: center; 
   font-family: 'ALGER' !important;
}
.article .definition { font-style: italic; font-weight: bold; }
.article .dialogue { font-style: italic; }
.article div#note { font-size: 0.9em; }
.article img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.article .titre1, #contenu .article h4.spip {
    display: block;
    background-color: black;
    background: linear-gradient(70deg, black, #606060);
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    text-indent: 1px;
    margin-top: 16px;
    padding: 4px;
}

.article .titre2, #contenu .article h5.spip {
    border-bottom: 1px solid black;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    text-indent: 1px;
    padding-bottom: 3px;
}

.article .titre3, #contenu .article h6.spip { 
    font-size: 1.0em; 
    font-weight: bold;
    text-indent: 1px;
}

.article .encadre {
    background-color: lightgray;
    padding: 10px;
    border: 1px solid black;
    margin-bottom: 15px;
}

.article .footer {
   margin-top: 10px;
   margin-bottom: 20px;
}

#contenu .article h4.spip + p, #contenu .article h5.spip + p {
    margin-top: 10px;
}

div.carac table.spip th, div.carac table.spip td {
    border: 1px solid #eeeeee;
}

#contenu .article ul.spip {
	margin-top: 0;
}

#contenu .article img.leftlogo {
    border: 0 none;
    float: left;
    height: 2.3em;
    margin: 0 12px 0px 0px;
}

#contenu .sommaire .listeart {
   margin-top: 20px;
}

#contenu .sommaire .nolink {
   text-decoration : none;
   color: #606060;
}

#contenu .sommaire .couv-g {
   float: left;
   margin: 20px 15px 15px 0;
}
#contenu .sommaire .couv-d {
   float: right;
   margin: 20px 0 15px 15px;
}


/* Star Wars, Cthulhu */
.sw div.carac > ul, .cthulhu div.carac > ul {
    margin-top: 5px;
}
.sw div.carac li, .sw div.vaisseau li, .cthulhu div.carac li, .cthulhu div.armes li {
    list-style: none;
}
.sw div.matos li {
    list-style-type: circle;
    margin-left: 40px;
}
.sw div.vaisseau > ul, .cthulhu div.armes ul {
    margin-top: 5px;
}

/* LCO */
#contenu .lco div.carac p {
   text-indent: 0;
}

#contenu .lco div.carac h6.spip + p {
   margin-top: 6px;
   margin-bottom: 6px;
}

/* Changeling */
.changeling div.carac {
    background-color: lightgray;
    border: 1px solid black;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 5px;
}

/* Warhammer */
.warhammer div.carac table.spip {
   margin-top: 10px;
   margin-bottom: 7px;
}
.warhammer div.carac table.spip th, div.carac table.spip td {
   border: 2px solid #4c0000;
   text-align: center;
}
.warhammer div.carac table.spip th {
   background-color: #4c0000;
   color : white;
   font-weight: normal;
}
#contenu .texte .warhammer div.carac table + p {
   text-indent: 0;
}

/* James Bond */
.jb div.carac table.spip {
   margin-top: 10px;
   margin-bottom: 7px;
}
.jb div.carac table.spip th, div.carac table.spip td {
   border: 2px solid gray;
   text-align: center;
}
.jb div.carac table.spip th {
   background-color: gray;
   color : white;
   font-weight: normal;
}
#contenu .texte .jb div.carac table + p {
   text-indent: 0;
}


/* Zine 1 - s_sw */
.spip_document_8.spip_documents {
    float: right;
}

/* Zine 1 - a_wjrf */

#table-carriere-base, #table-carriere-avancee {
   margin-top: 20px;
}

#table-carriere-base tr:nth-child(4) td, 
#table-carriere-base tr:nth-child(5) td, 
#table-carriere-base tr:nth-child(6) td, 
#table-carriere-base tr:nth-child(7) td,
#table-carriere-base tr:nth-child(11) td,
#table-carriere-base tr:nth-child(12) td,
#table-carriere-base tr:nth-child(13) td,
#table-carriere-base tr:nth-child(71) td,
#table-carriere-base tr:nth-child(72) td,
#table-carriere-base tr:nth-child(73) td {
    border-bottom-color: white;
}

#table-carriere-base tr:nth-child(5) td:first-child, 
#table-carriere-base tr:nth-child(6) td:first-child, 
#table-carriere-base tr:nth-child(7) td:first-child, 
#table-carriere-base tr:nth-child(8) td:first-child,
#table-carriere-base tr:nth-child(12) td:first-child,
#table-carriere-base tr:nth-child(13) td:first-child,
#table-carriere-base tr:nth-child(14) td:first-child,
#table-carriere-base tr:nth-child(n+72) td:first-child {
    font-style: italic;
    padding-left: 25px;
}

#table-carriere-base tr:nth-child(5), 
#table-carriere-base tr:nth-child(6), 
#table-carriere-base tr:nth-child(7), 
#table-carriere-base tr:nth-child(8),
#table-carriere-base tr:nth-child(12),
#table-carriere-base tr:nth-child(13),
#table-carriere-base tr:nth-child(14),
#table-carriere-base tr:nth-child(72),
#table-carriere-base tr:nth-child(73),
#table-carriere-base tr:nth-child(74) {
    border-color: white;
}

#table-carriere-avancee tr:nth-child(7) td, 
#table-carriere-avancee tr:nth-child(28) td,
#table-carriere-avancee tr:nth-child(29) td,
#table-carriere-avancee tr:nth-child(30) td,
#table-carriere-avancee tr:nth-child(31) td,
#table-carriere-avancee tr:nth-child(32) td {
    border-bottom-color: white;
}

#table-carriere-avancee tr:nth-child(8) td:first-child, 
#table-carriere-avancee tr:nth-child(29) td:first-child,
#table-carriere-avancee tr:nth-child(30) td:first-child,
#table-carriere-avancee tr:nth-child(31) td:first-child,
#table-carriere-avancee tr:nth-child(32) td:first-child,
#table-carriere-avancee tr:nth-child(33) td:first-child {
    font-style: italic;
    padding-left: 25px;
}

#table-carriere-avancee tr:nth-child(8), 
#table-carriere-avancee tr:nth-child(29),
#table-carriere-avancee tr:nth-child(30),
#table-carriere-avancee tr:nth-child(31),
#table-carriere-avancee tr:nth-child(32),
#table-carriere-avancee tr:nth-child(33) {
    border-color: white;
}

/* Zine 2 - s_add */
#chaloupe table.spip {
    margin-left: 25px;
    margin-top: 12px;
}

#chaloupe table.spip th, #chaloupe table.spip td {
    border: 1px solid #eeeeee;
}

/* Zine 2 - s_lco */
#heros-du-passe div.legende {
    margin-bottom: 20px;
    margin-top: -15px;
    text-align: center;
}

#heros-du-passe h6 + table.spip, {
    margin-top: 10px;
}

/* Zine 2 - a_jrtm */
#emblemes .definition { font-weight: normal; }

/* Cthulhu */
#leng .encadre {
    margin-top: 15px;
    font-family: cursive, sans-serif;
}

.cthulhu .encadre .source {
    margin-top: 0.5em;
    font-style: italic;
    text-align: right;
}

.extrait-oeuvre {
   margin-top: 10px;
   border: 20px solid transparent;
   border-image: url(papier-jauni.jpg) 66 50 40 66 round round;
   background-image: url(fond-jauni.jpg);
}

.printed {
   font-family: 'PRINTED' !important;
}

.printed2 {
    font-family: "PRINTED2" !important;
    font-size: 1.3em;
    line-height: 1.1em;
}

.manuscript {
   font-family: 'MANUSCRIPT' !important;
   font-size: 3em;
   word-spacing: -0.1em;
}

.gothic {
   font-family: 'GOTHIC' !important;
   font-size: 22px;
   line-height: 22px;
}

.handwriting {
   font-family: "HANDWRITING" !important;
   font-size: 1.5em;
}

.handwriting2 {
   font-family: "HAND2" !important;
   font-size: 1.5em;
}

.feather {
   font-family: "FEATHER" !important;
   font-size: 2.5em;
   line-height: 1.1em;
   word-spacing: -0.2em;
   padding-bottom: 5px;
}

.cthulhu .maya {
   font-family: "MAYA";
   font-size: 1.5em;
   line-height: 1.5em;
}

.cthulhu .maya:hover, .cthulhu .maya:active, .cthulhu .maya:focus {
   font-family: sans-serif;
   font-size: 2em;
   line-height: 2.8em;
}

#livres-mythe table tr.row_first {
   background: #ddd none repeat scroll 0 0;
}
#livres-mythe table tr.row_even {
   background: #f4f4f4 none repeat scroll 0 0;
}
#livres-mythe table tr.row_odd {
    background: #fff none repeat scroll 0 0;
}

@media screen and (max-width: 568px) {
   .cthulhu .maya {
      font-size: 1.1em;
      line-height: 1.2em;
   }
   .cthulhu .maya:hover, .cthulhu .maya:active, .cthulhu .maya:focus {
      font-size: 1.5em;
      line-height: 1.5em;
   }
}

@media print {
   .cthulhu .maya:hover {
     font-family: sans-serif;
     font-size: 1em;
     line-height: 1em;
   }
}

.cthulhu div.legende {
    margin-bottom: 20px;
    margin-top: -15px;
    text-align: center;
}

/* denisotteries */
.denisot .intro {
   margin-bottom: 30px;
}

#contenu .denisot .main p {
   text-indent: 0;
   margin-top: 20px;
   background-color: #f6f6f6;
   padding: 4px;
}

.denisot span.replique {
   font-size: 1.2em;
   line-height: 1.2em;
}

.denisot span.joueur {
   font-size: 0.9em;
   font-style: italic;
}

/* Zine 3 - a_cthulhu */
#leng table.spip {
    margin-top: 12px;
}

#leng table.spip th, #leng table.spip td, #pierre-equilibre table.spip th, #pierre-equilibre table.spip td {
    border: 1px solid #eeeeee;
}

/* Zine 2 - a_cthulhu */
#livres-mythe .reference-oeuvre {
   margin-top: 5px;
   margin-bottom: 20px;
   text-align: right;
}

#livres-mythe .frontispice {
   border: 1px solid black;
   line-height: 1.5em;
   width: 280px;
   margin-left: 20%;
   padding: 10px;
}

#livres-mythe .petit {
   font-size: 0.8em;
}

#livres-mythe .tout-petit {
   font-size: 0.6em;
   line-height: 1.1em;
}

/* n_sw */
.nouvelle .separator {
   margin-bottom: 20px;
   margin-top: 25px;
   text-align: center;
}

.nouvelle .main {
   margin-top: 25px;
}

.nouvelle br {
   margin-top: 15px;
}

#reiker .batons-rouges {
   font-family: "REMNANT" !important;
   color: #BB0000;
   line-height: 2em;
}

#reiker .batons-noirs {
   font-family: "REMNANT" !important;
   color: black;
   font-size: 0.8em;
   line-height: 1.5em;
}

/* Magic - 3 cartes cote-a-cote */

.row-3-images {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 30px;
}

/* Create 3 equal columns that sits next to each other */
.row-3-images .column {
  flex: 31%;
  max-width: 31%;
  padding: 0 1%;
}

.row-3-images .column img {
  vertical-align: middle;
  width: 100%;
}

h6 + .row-3-images {
    margin-top: -10px;
}

/* responsive pour phones & tablettes */
@media screen and (max-width: 980px) {
  div#page {
  	width:98%;
  	margin: 0; 
  	padding: 5px; 
  }
  #gauche, #droite {
    display: none;
  }
  #milieu {
      margin: 0;
      padding: 0 0 0 0;
  }
}

@media screen and (max-width: 960px) {
  #nomdusite {
    padding: 30px 0 0 400px;
  }
  #nomdusite a {
    font-size: 34px;
  }  
}

@media screen and (max-width: 750px) {
  #menuprincipal a {
    margin: 0.1em 2em;
    padding: 0 0 0 10px;
    font-size: 16px;
  }
  #nomdusite a {
    font-size: 28px;
  }
  #soustitredusite {
     display: none;
  }  
}

@media screen and (max-width: 568px) {
  img {
    max-width: 100%;
    height: auto;
  }
  div#haut {
    background-size: contain;
  }
  #gauche, #droite {
    display: none;
  }
  #menuprincipal a {
    margin: 0.1em 0.5em;
    padding: 0 0 0 5px;
    font-size: 14px;
  }
  td#couv2 {
    display: none;
  }
  #contenu .listerub1sur2 {
      clear: none;
      float: left;
      width: 100%;
  }
  #contenu .listerub2sur2 {
      float: right;
      width: 100%;
  }
  #boxcentrale .innercentrale {
      padding: 0 4px 4px;
  }
}

@media screen and (max-width: 540px) {
  #nomdusite {
     display: none;
  }  
}

@media screen and (max-width: 340px) {
  table#couv-hobbits img {
    max-width: 80%;
  }
}