/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif au bloc body----------------------------*/
/*--------------------------------------------------------------------------------------*/
html{
	height:100%;
	width:100% ; 
}
body {     
	font-family:Arial,Helvetica,sans-serif;
	padding: 0px;
	margin:0;
    width:100% ;  
    height:100%; 
 }

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif au texte --------------------------------------*/
/*--------------------------------------------------------------------------------------*/

.texte {
	font-size:12px;
    width:100%;
    overflow:hidden;
	display:block; 
}

.texte h3.spip{
	font-size:15px;
}
 .texte img{
	margin:0  7px 2px;
}
.texte ul{
	clear:both;
	display:block;
}

.texte img.impour{
	width:80%;
}

/*-------------------------------------------------------------------------------*/
/*  ------------------- style relatif au bandeau -------------------------*/
/*-------------------------------------------------------------------------------*/

.bandeau {
	/*bandeau contenant le titre du site*/
	display: block;
 	font-family:Arial, Verdana,Serif;
	height: 100px;
    width:100%;
    position : relative;
	z-index:1;  
    top:0px;
    padding: 0px;
    margin:0px;
    overflow:hidden;
}

.bandeau2{
    height:100px;
}

a.bandeau3{
	position:absolute;
    font-size: 40px;
	font-weight: bold;
	z-index:5;
    text-decoration: none;
	right:20px;
	top:25px;
}

.liensban {
	position:absolute;
	z-index:4;
	left:95px;
    top:5px;
	float:left;
	font-size:12px;       
}

.liensban a{
	margin:0 5px;
}

.nouvim, .nouvimrem{
	position:absolute;
	top:0; 
	right:0;
	height:100px;
	z-index:2;
	overflow:hidden;
	width:100%;
}

.nouvimagerem{
    position:absolute;
	top:0; 
	right:0;
    height:100px;
	z-index:2;
	overflow:hidden;
    width:100%;
	}
.nouvimage{
    position:absolute;
	top:0; 
	right:0;
    height:100px;
	z-index:2;
	overflow:hidden;
}
.transparentlogun{
	position:absolute;
	top:0; 
    overflow:hidden;
    height:100px;
	z-index:3;
	width:50px;
}

.transparentlogdeux{
	position:absolute;
	top:0; 
    overflow:hidden;
    height:100px;
	z-index:3;
    width:100px;
}

.transparentlogtrois{
	position:absolute;
	top:0; 
    overflow:hidden;
    height:100px;
	z-index:3;
    width:150px;
}

.transparentlogquatre{
	position:absolute;
	top:0; 
    overflow:hidden;
    height:100px;
	z-index:3;
    width:200px;
}

.degrad{
	position:absolute;
	top:0; 
	height:100px;
	z-index:3;
	width:1px;
    bottom:100px;
}

.degrad1{
	width:1px;
	height: 100px;
	float:left;
	overflow:hidden;
}
.degrad11{
overflow:hidden;
	height: 100px;
	position:absolute;
	top:0; 
        height:100px;
	z-index:3;
	width:1px;
}
#lienbanlog{
    position:absolute;
	z-index:4;
	left:125px;
    bottom:60px;
	font-size:12px;
}

 .logo-bandeau img{        
	position:absolute;
	z-index:5;
	border:0px solid red;
} 

.banintit{
    position:absolute; 
	z-index:4;
	font-family: Serif,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 35px;
	padding:0px;
	font-weight: bold;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif à la  bande-chemin ------------------------*/
/*--------------------------------------------------------------------------------------*/


.bande-chemin {
	position:relative;
    text-align: left;
    font-size: 17px;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    width:100%; 
    left:0px;
    z-index:1; 
    padding: 2px 0 3px 0; 
}

.ecritbande{
	z-index:4;
	width:80%;
    margin:0 50px 0 100px;
}

.ecritbande a{
	font-size:17px;
	padding-left:5px;
}

.tititre{
	position:absolute;
	border-left:0px solid;
	border-top:1px solid;
	border-right:0px solid;
	z-index:4;
	height:24px;
	font-weight: bold;
	overflow:hidden;
}

 .tititre .haut{
	height:30px;
	padding-right:5px;
	padding-left:3px;
    margin-left:0px;
}

.bande-chemin a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif au ruban vertical - ------------------------*/
/*--------------------------------------------------------------------------------------*/

.imagegauchelog{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	border:0px solid;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif à la colonne de gauche--------------------*/
/*--------------------------------------------------------------------------------------*/

.gauche {
	position:absolute;
	z-index:5;
	border: 0px;
	width: 160px;
	top:140px;
	left:0;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	background:transparent;

}
/* bloc contenant la date de derniére mise à jour */

.maj {
	background: #FFFFFF;
	font-size: 11px;
	border: 1px solid #808080;
	text-align: center;
	padding: 3px 0px 3px 0px;
	color: #808080;
	width: 150px;
	margin: 0px 0px 20px 0px;
}


/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif à la partie centrale ------------------------*/
/*--------------------------------------------------------------------------------------*/

/* ----------------------------------CONTENEUR--------------------------*/
.conteneur{
	padding:0px;
	text-align: left;
	position : relative;
	width:100%; 
	z-index:1;
	padding-top:0%;
	background:transparent;
}

/* ----------------------------------CENTRE--------------------------*/
.centre {
	border: 0px;	
	padding-right: 18%;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	margin-top:10px; 
}
 
.centref {
	border: 0px;
	padding-left: 240px; 
	padding-right: 20px;
    margin-right:10px;
    margin-top:50px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:11px; 
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif à la colonne de droite----------------------*/
/*--------------------------------------------------------------------------------------*/
   	
.droite {  	
	border: 0px;
	width: 16%;
    position:absolute;
    top:20px;
    right:0px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;    
	padding-right:10px;
	
}


/*--------------------------------------------------------------------------------------*/
/*  ------- style relatif aux classes dérivées de la classe sommaire-------*/
/*--------------------------------------------------------------------------------------*/



.sommairelp {
    position:relative;
	font-size: 12px;
	margin-top: 0px; 
    margin-bottom:20px;
	width: 100%; 
}



.sommairefoc {
    clear:both;
	font-size: 12px;
	margin-top: 20px; 
	width: 100%; 
}

.sommaireedito {
    position:relative;
    clear:both;
	font-size: 12px;
	width: 100%; 
	padding-top:0px;
}
/*------------------------sommaire en deux parties--------------------*/
.sommairemulticol {
	font-size: 12px;
	margin-top: 20px; 
	width: 100%; 	
}
 .sommairecolune{
	font-size: 12px;
	margin-top: 20px; 
	width: 100%; 	
}
.sommaire_gauche {
	position:relative;
	margin-left: 2% ; 
    font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 1px;
	float:left;
	width:37%;
}

.sommaire_droite {
	position:relative;
	margin-left:2%; 
    font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 0px;
    float:left;
    width:57%;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif à la classe contenu------------------------*/
/*--------------------------------------------------------------------------------------*/
.contenuf {
	width: 95%; 

	float:left;
	padding-left:30px;
}

.contenu {
	width: 100%; 
     
}
.contenuart{
	width: 100%; 
}
/* contenu --> documents joints (aux articles et aux rubriques) */
/*--------------------------------------------------------------------------------------*/

.doc {
	background: white;
	font-size: 11px;
    width:100%;
	border-top: 1px solid ;
	border-left: 1px solid ;
	border-right: 1px solid ;
    margin: 40px auto;        
}

.doc .joints {
	display: block;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	border-bottom: 1px solid ;
}

.doc .spip_logos {
	margin: 5px 0px 0px 30px;
	border:0px;
}

.doc a {
	display:block;
	text-decoration: none;
	font-size:200%;
	margin: 0px;
	padding:10px 0;
	text-align:center;
	border-bottom: 1px solid ;
}

.doc a:hover {
	text-decoration: underline;
}
.doc .docdescrip{
	padding:10px;
	border-bottom: 1px solid ;
}
/* contenu --> images jointes (aux articles et aux rubriques) */
/*--------------------------------------------------------------------------------------*/

.images {
	background: white;
	font-size: 11px;
    width:100%;
    border-top: 1px solid ;
	border-left: 1px solid ;
	border-right: 1px solid ;
    margin: 40px auto;        
}

.images .joints {
	display: block;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	border-bottom: 1px solid ;
}

.images .spip_logos {
	margin: 5px 0px 0px 30px;
	border:0px;
}

.images .vignette {
	margin: 0px;
	padding:20px;
	border-bottom:1px solid;
}

.images .imdescrip{
	padding:10px;
	border-bottom: 1px solid ;
}
/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif à la classe rubrique------------------------*/
/*--------------------------------------------------------------------------------------*/

.rubrique{
	padding-top:3%;
        overflow:hidden;
        
}


.contenu .rubrique .texteexpl1 {

	
        width:70%;
	font-size:12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.contenu .rubrique  .titre1{
	font-size:150%;
	font-weight:bold;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	padding:5px;
	text-align:center;
}

.contenu .rubrique  .textedes1{	
        text-align:left;
	padding:5px 15px;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	margin-bottom:40px; 
}

.rubrique .notes {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	border-top: 1px solid;
	font-size: 90%;
}


/* contenu --> rubriques filles */
/*----------------------------------------*/

.contenu .rubrique .filles {
	margin-bottom:60px ;
      
}
 
.contenu .rubrique .filles a{
	display: block;
	font-size:15px;
	background-image: url(../images/rubrique.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 5px 0px 0px 15px;
}

.contenu .rubrique .filles a:hover,
.sommaire .rubrique a.titre, a.titremot:hover,
a.titreplan:hover, a.titreplan1:hover, a.titre
:hover, a.titrelp:hover,.plan a.rubriq:hover,
.plan a.article:hover{
	text-decoration: underline;
}

/* mise en forme des documents insérés dans le texte de la rubrique*/
/*--------------------------------------------------------------------------------------*/

 .rubrique .spip_documents_left {
	
    clear:both;        
    display:block;
    position:relative;
	margin-left: 0px;
    margin-top: 15px; 
	margin-right: 20px;  
    margin-bottom:5px;
}
 .rubrique  .spip_documents_right {
    clear:both;
	display:block;
	position:relative;
	margin-left: 20px;
    margin-top: 20px; 
    margin-bottom:5px;
	margin-right: 10px;        
}

.rubrique .spip_documents_center {
	display:block;
    clear:both;
	margin-top: 10px;
    margin-bottom:5px; 
	clear: both;
	width: 100%;
	text-align: center;
}


.rubrique .spip_doc_titre {
	text-align: left;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

.rubrique .spip_doc_descriptif {
	font-size: 90%;
	color: #808080;
	text-align: left;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux liens -------------------------------------*/
/*--------------------------------------------------------------------------------------*/

a{
	text-decoration:none;
	font-size: 100%;
}

a:hover{
	text-decoration:none;
}
a.filariane{overflow:hidden;}
a.suite{
        font-weight:bold;
}
/*---comportement des liens de style bouton---*/
.logo-titre {
position:relative;
top:3px;
font-size: 12px;
font-weight: bold;
}


a.boutongauche{
	display:block;
	text-decoration:none;
	border: 1px solid ;
	text-align:center;
	font-size: 12px;
    width: 150px;
	margin: 0px 0px 5px 0px;
    padding:0px ;
    height:25px; 
}
a.bouton_droite {
	display:block;
	text-decoration:none;
	border: 1px solid ;
	text-align:center;   
    font-size: 12px;
    width: 100%;
    margin: 10px auto;
    padding:0px;
    height:25px; 
    overflow:hidden;
}

a.logtitre{
	font-size:16px;
	margin:5px;
    text-align:center;
    float:left;
    font-weight:bold;
}     

.content a{
	text-decoration:none;
	font-size: 100%;
}
.content a:hover{
	text-decoration:underline;
}
.lesplustitres{ 
	padding:7px 10% 0px;
	text-align:left;
}
a.titrelp{
    padding-left:10px;
    background-image: url(../images/puce.gif);
	background-position: left ;
	background-repeat: no-repeat;
}
a.titremot{
    margin-left:10px;
    padding-left:5px;
    background-image: url(../images/puce.gif);
	background-position: left ;
	background-repeat: no-repeat;
}
a.titreplan{
    margin-left:10px; 
    padding-left:10px;
    background-image: url(../images/puce.gif);
	background-position: left ;
	background-repeat: no-repeat;
}
a.titreplan1{
    margin-left:50px; 
    padding-left:10px;
    background-image: url(../images/puce.gif);
	background-position: left ;
	background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------------*/
/*  ----------------- style relatif à la classe édito-------------------------------*/
/*--------------------------------------------------------------------------------------*/

.edito{
	margin-left:0px;
	clear:both;
    margin-top:0px; 
}

.edito_rub{
	margin:0px  5% ;	
	clear:both;
}
.edito .titre {   
	font-family:verdana,arial,sans-serif;
	font-size:17px;
	font-weight:bold;
	display:inline;
	overflow:scroll;	
}
.edito .titref {   
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	font-weight:bold;	
}
.edito_rub .titre {   
	font-family:verdana,arial,sans-serif;
	font-size:17px;
	font-weight:bold;	
}
.edito a:hover {
	text-decoration: underline;
}
.edito .surtitre {
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	margin: 5px 10px 5px 10px;
	padding: 0px;
}

.edito .soustitre, .edito_rub .soustitre{
	font-size: 130%;
	font-weight: bold;
	margin: 5px 10px 5px 10px;
	padding: 0px;
}
.edito .detail {
	font-size: 90%;
	font-weight: bold;
	text-align: right;
	color: #000000;
	padding-right: 10px;
}

.edito .texte {
	margin-right: 10px;
	padding: 0px;
}
.edito .chapo, .edito_rub .chapo {
	margin: 10px;
	padding: 0px;
	font-weight: bold;
}
.edito .post-scriptum {
	
	margin: 10px;
	padding: 0px;
	font-size: 100%;
	border-top: 1px solid ;
}

.edito .post-scriptum .annonce {
	font-weight: bold;
	
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

.edito .notes {
	
	margin: 10px;
	padding: 0px;
	border-top: 1px solid #000000;
	font-size: 90%;
}
.edito .spip_documents_left {
    clear:both; 
    display:block;
    position:relative;
	margin-left: 0px;
    margin-top: 20px; 
	margin-right: 20px;  
    margin-bottom:5px; 
}
.edito .spip_documents_right {
	clear:both;
	display:block;
	position:relative;
	margin-left: 20px;
    margin-top: 20px; 
    margin-bottom:5px;
	margin-right: 10px;   
}

.edito .spip_documents_center {
	display:block;
    clear:both;    
    margin-top: 10px;
    margin-bottom:10px; 
	clear: both;
	width: 100%;
	text-align: center;
}

/*--------------------------------------------------------------------------------------*/
/*  --------- style relatif aux classes focus et  articles lus 
                                                        et derniers du sommaire...----------*/
/*--------------------------------------------------------------------------------------*/

.focus-articles{
    clear:both;
    position:relative;
	margin-top:0px;
	margin-left: 5px ; 
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 1px;
}

 .articles_lus {
	position:relative;
	margin-right: 15px ; 
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 1px;
    float:left;
    width:40%;
}

.articles_lus2 {
	 margin-bottom:10px; 
}

.dern-articles2 {
	margin-bottom:-30px; 
}

 .dern-articles {
	position:relative;
	margin-left: 15px ; 
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 1px;
    float:right;
    width:45%;
}
.logfoc{height:20px;}
/*--------------------------------------------------------------------------------------*/
/*  --------------- style relatif à la classe derniers articles  -----------------*/
/*--------------------------------------------------------------------------------------*/

 .derniers-articles{
	margin:30px  5% 0px;	 
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
}

.derniers-articles a:hover {
	text-decoration: underline;
}

.derniers-articles .en-tete {
	color: #FFFFFF;	
	margin: 0px 100px 100px 100px;
}

.derniers-articles .surtitre {
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
}

.derniers-articles .soustitre {
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
}

.derniers-articles a.suite {
	text-align: right;
	display: block;
	margin-top:0px;
    font-weight:bold;
}

/*--------------------------------------------------------------------------------------*/
/*  --------------- style relatif à la classe article ------------------------------*/
/*--------------------------------------------------------------------------------------*/

 .article{
	margin-top:0px;
	margin-left:15px ;
    margin-right:10px ; 
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 1px;
}

.articledetail{
	display:block;
	float:right;
	border-left:1px solid;
	border-bottom:1px solid;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin-top:0px;
	margin-left:10px;
	
}
.article .texte a:hover {
	text-decoration:underline;
}


.article .surtitre {
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
	font-style: italic;
}

.article .titre {
	font-size:17px;
	font-weight:bold;
}

.article .soustitre {
	font-size: 130%;
	font-weight: bold;
	margin: 10px;
	font-style: italic;
}

.article .contenu {
	background: #FFFFFF;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	margin-top:0px;
}

.article .chapo {
	margin: 10px ;
	font-weight: bold;
}

.article .post-scriptum {
	
	margin: 10px 0px 10px 0px;
	padding-top: 10px;
	font-size: 100%;
	border-top: 1px solid ;
}
.rubrique .post-scriptum {

	margin: 10px 0px 10px 0px;
	padding-top: 10px;
	font-size: 100%;
	border-top: 1px solid ;
}

.article .post-scriptum .annonce {
	font-weight: bold;
	
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.rubrique .post-scriptum .annonce {
	font-weight: bold;
	
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.article .notes {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	border-top: 1px solid;
	font-size: 90%;
}

.article .en-tete {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	margin: 10px 0px 10px 0px; 
}


.article a.imprimer {
	display: block;
	background-image: url(../puces/printer.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	margin-right: 10px; 
}


.article a.contacter {
	display: block;
	background-image: url(../puces/contact.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	margin-right: 40px;  
    margin-bottom:10px;  
}
.article .impricont{
	display:block;
}

/* mise en forme des documents insérés dans le texte de l'article */

.article .spip_documents_left {
    clear:both;    
    display:block;
    position:relative;
	margin-left: 0px;
    margin-top: 20px; 
	margin-right: 20px;  
    margin-bottom:5px;
}
.article .spip_documents_right {
    clear:both;
	display:block;
	position:relative;
	margin-left: 20px;
    margin-top: 20px; 
    margin-bottom:5px;
	margin-right: 10px;   
}

.article .spip_documents_center {
	display:block;
    clear:both;	     
    margin-top: 10px;
    margin-bottom:10px; 
	clear: both;
	width: 100%;
	text-align: center;
}

.article .spip_doc_titre {
	text-align: left;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

.article .spip_doc_descriptif {
	font-size: 90%;
	color: #808080;
	text-align: left;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux squelettes contact et auteur--------------*/
/*--------------------------------------------------------------------------------------*/
.aut-derniers-articles{
    margin-top:20px;
	padding:0px;
	border:1px solid ;
}

.aut-derniers-articles .en-tete{
    display: block;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
    width:100%;
}

.aut-derniers-articles .detail{
    display: block;
	font-weight: bold;
	font-size: 100%;
	padding:5px 20px;
    margin-bottom:20px;
    border:1px solid;
 }


.centrecontact{
	border: 0px;
	padding-left: 240px; 
	padding-right: 18%;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	padding-top:50px;
}

.articleauteur{
	padding:10px;
	border-top:1px solid;
	border-bottom:1px solid;
	margin-bottom:10px;
	background:white;
}

.auteur .intitu{
	height:35px;
    font-family:verdana,arial,sans-serif;
    font-size:16px;
    width:100%;
    text-align:center;
    font-weight:bold;
	border:1px solid;
	padding-top:10px;
	margin-bottom:10px;
}

.auteur .intitu1{   
	font-family:verdana,arial,sans-serif;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	border:1px solid;
	padding:10px;
	margin-bottom:10px;
}
.auteurgen .intitu1{   
	font-family:verdana,arial,sans-serif;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	border:1px solid;
	padding:10px;
	margin-bottom:10px;
}

.auteurgen{
	padding:10px;
	margin:50px 20px;
	border:1px solid;
}
.auteurgen .image1{   
	float:right;
}
.auteurcon{
	display:block;
	padding:10px;
	border:1px solid ;
    margin:50px;
	background:white;
	border:1px solid;
}

.auteur p.spip_bouton {
	background:transparent; 
	float:left;
	border:0;
}
.auteurgen p.spip_bouton {
	background:transparent; 
	float:left;
	border:0;
}
.auteur label{
	display:block;
	padding-left: 5px;
}
.auteurgen label{
	display:block;
	padding-left: 5px;
}

.auteur legend{
	font-size:14px;
}
.auteurgen legend{
	font-size:14px;
}
.auteur  fieldset{
	border:1px solid;
	margin-bottom:10px;
	padding:10px;
}
.auteurgen  fieldset{
	border:1px solid;
	margin-bottom:10px;
	padding:10px;
}
.auteur  {
	text-align: left !important;
    padding:10px;
}

.auteur .image .spip_logos {
	display: block;
	float: right;
	margin: 10px;
	border:0px;
}

.auteur .nom {
	
	font-size: 150%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.auteur .tchak {
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	margin: 30px 0px 10px 0px;
	padding: 0px;
}

.auteur .spip_encadrer {
	border: 1px solid ;
	
	font-size: 100%;
	margin: 5px 0px 10px 0px;
	padding: 5px;
}

.auteur a {
	color: #41C74A;
	text-decoration: none;
}

.auteur a:hover {
	text-decoration: underline;
}
.auteur input{
	margin-left: 15px;
}

.auteur textarea, .auteur textarea .forml{
	display:block;

}

.auteurgen textarea, .auteur textarea .forml{
	display:block;
}
/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux éventuels détails------------------------*/
/*--------------------------------------------------------------------------------------*/

.detail{
    display:block; 
}

.detailF{

    float:right;
    border-left:1px solid;
    border-bottom:1px solid;
	padding:5px;
	padding-right:10px;
	margin-top:-10px;
	margin-right:-10px;
	margin-left:10px;
}

.rubriquedetail{
	display:block;
	float:right;
	border-left:1px solid;
	border-bottom:1px solid;
	left:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin-top:0px;
	margin-left:10px;
}

.editodetail{
	display:block;
	float:right;
	border-left:1px solid;
	border-bottom:1px solid;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin-top:0px;
}

.focusdetail {
	display:block;
	position:relative;
	float:right;
	border-left:1px solid;
	border-bottom:1px solid;
	background:transparent;
	top:-25px;
	right:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin-top:0px;
	margin-left:10px;
	width:45%;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux statistiques ------------------------*/
/*--------------------------------------------------------------------------------------*/

 .statis{
	background-color:white;
	margin:auto;
	width: 90%;  
    border:1px solid black;
	font-size:14px;
	text-align:center;
}

.statis .intitule{
    height:35px;
    font-family:verdana,arial,sans-serif;
    font-size:16px;
	padding:10px 0px 2px 0px;
	text-align:center;
	font-weight:bold;
	color:#696969;
    width:100%;      
}

.statis .secteur {
    width:100%;
    border-bottom:1px solid black;
	border-top:1px solid black;
	padding:2px 0px 5px 0px;
	text-align:center;
}


/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif au blog  ---------------------------------------*/
/*--------------------------------------------------------------------------------------*/

.blogs {
	background-color:white;
    color:black;
	margin:15px auto;
	width: 100%;        
	border:1px solid black;
}
.blogpage{
	padding-top:3%;
}
.blogs .intitule{
    height:35px;
    font-family:verdana,arial,sans-serif;
    font-size:200%;
	padding:10px 0px 2px 0px;
	text-align:center;
	font-weight:bold;
	color:#696969;
    width:100%;
    border-bottom:1px solid black;
}


.blogs ul {
	padding-left:20%;
	font-size:150%;
}
.blogs .secteur {
    width:100%;
    border-bottom:1px solid black;
	border-top:1px solid black;
	padding:2px 0px 5px 0px;
	text-align:center;
	font-size:150%;
}

.blogs .charte {
	padding:10px 20px;
}

.blog {
	background-color:white;
	margin:15px auto;
	width: 100%;        
	border:1px solid ;
}

.blog .intitule{
    height:35px;
    font-family:verdana,arial,sans-serif;
    font-size:30px;
	padding:10px 0px;
	text-align:center;
	font-weight:bold;
    width:100%;         
}

.contenu .rubrique .blog .titre{
 	border:0px;
}
 .blog .secteur .titre{
	font-size:20px;
	
}
.blog .intitulehaut{
    height:40px;
    font-family:verdana,arial,sans-serif;
    font-size:20px;
	padding:10px 0px 2px 0px;
	text-align:center;
	font-weight:bold;
	width:100%;
    border-bottom:1px solid; 
}

.blog .intitulebas{
    height:35px;
    font-family:verdana,arial,sans-serif;
    font-size:16px;
	padding:10px 0px 2px 0px;
	text-align:center;
	font-weight:bold;
    width:100%;
    border-top:1px solid;
}

.blog .secteur {
    width:100%;
    border-bottom:1px solid;
	border-top:1px solid ;
	padding:7px 0px 3px 0px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	height:40px;
}
.blog .secteur img{
	float:right;
	margin-right:10px;
}
.blog .intitulehaut img{
	float:right;
	margin-right:10px;
	margin-bottom:5px;
}
.blog .billet {
	padding:10px;
    color:black;
}

.blog .texte {
	padding:10px;
    color:black;
}

.blog .texte table{
	border:0px;
}

.blogdetail{
	border:1px solid;
	height:45px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:0px;
    margin-bottom:20px;
}

.blogdetail img{
	float:right;
	margin-bottom:10px;
}

.billetart{
	padding-top:3%;
}

.billetart .image1{
	margin-bottom:5%;
}
.blogpage .image1{
	margin-bottom:5%;
}
.detailbillet{
    font-size:9pt;
    float:right;
	border-bottom:1px solid;
	border-left:1px solid;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif au forum  ---------------------------------------*/
/*--------------------------------------------------------------------------------------*/

 .articleforum{
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding-top:3%;
}
 
.forumthema .intitule{
    height:35px;
    font-family:verdana,arial,sans-serif;
    font-size:30px;
	padding:10px 0px;
	text-align:center;
	font-weight:bold;
    width:100%;         
}
.forumthema {
	background-color:white;
    color:black;
	margin:auto;
	width: 100%;        
	border:1px solid black;
}
.tableauforum {
	padding:10px;
    color:black;
}

.forumtitre{
	border:1px solid;
	height:45px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:0px;
    margin-bottom:20px;
	font-size:200%;
	text-align:center;
	font-weight:bold;
}
.forumtitre img{
	float:right;
	margin-bottom:10px;
}

.fil{
	border:1px solid black;
	padding:5px;
	margin:25px 0px;
}

.forum1 {
	background-color:white;
    color:black;
	margin:15px auto;
	width: 100%;        
	border:1px solid black;
}

.forum1 .intitule{
    height:35px;
    font-family:verdana,arial,sans-serif;
    font-size:16px;
	padding:10px 0px 2px 0px;
	text-align:center;
	font-weight:bold;
	color:#696969;
    width:100%;
    border-bottom:1px solid black;
}

.forum1 .secteur {
    width:100%;
    border-bottom:1px solid black;
	border-top:1px solid black;
	padding:2px 0px 5px 0px;
	text-align:center;
	font-size:150%;
}
.forum1 .charte {
	padding:10px 20px;
}

.forum1 ul {
    padding-left:20%;
    font-size:150%;
}


.forum1 .charte table{
	border:0px;
}

.forumpublic{
	padding-top:3%;
}

/* ~~~~~~~~~~~~ forum ~~~~~~~~~~~~ */

.annonce-forum {
	font-size: 200%;
    margin :20px auto;
    text-align : center;
	font-weight: bold;
	width: 100%; 
    padding:10px 0;
}

.forum {
    border: none;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	margin: 0px 30px 0px 30px; 
}

a.repondre {
    float:left;
	background: #676767;
    color:white;
	text-decoration:none !important;
	border: white solid 1px;
	text-align:center;
	padding: 1px 5px 1px 5px;
    margin-top:0px;
}

a.repondre:hover {
    border: black solid 1px;
	background:#FFFFFF !important;
	color:black ;
	text-decoration:none !important;
}


.forum fieldset {
    border: 0px solid  white;
	margin-top: 5px;
	padding: 10px;     
}

.forum legend {
	color:white;
	font-weight: bold;
	font-size:150%;
	border: 5px solid ;
	padding: 1px 5px 1px 5px;
    margin-top: 5px;
	position:relative;       
}
.forum .ens {
	padding:5px 5px 5px;
}
.forum .en-tete {
	
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

.forum textarea {
	width: 80%;
}

.forum .visualisation {
	border: 1px solid #676767;
	margin: 10px 0px 0px 0px;
}
.forum .visualisationf {
	border: 1px solid #676767;
	margin: 0px 0px 20px 0px;
}

.forum .visualisation a, .forum .visualisationf a {
	text-decoration: none;
}

.forum .visualisation a:hover , .forum .visualisationf a:hover{
	text-decoration: underline;
}

.forum .visualisation .titre, .forum .visualisationf .titre {
	border-bottom: 1px solid #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	margin: 0px;
}

.forum .visualisation .detail, .forum .visualisationf .detail{
	border-bottom: 1px solid ;
	border-left: 1px solid ;
	font-size: 90%;
	text-align: center;	  
	width: 200px;
	padding: 1px;
        position:relative;
top:0px;
right:0px;
float:right;
margin:0px;
}
 .textef {
    background:white;
    color:black;
    padding:0px;
    display:block;
    min-height:25px;
}
.texteftex{
padding:10px;
}
 .texteforum {
    background:white;
    color:black;
    padding:0px;
    display:block;
    min-height:25px;
padding:10px;
}
/*-------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux galeries-------------------------------*/
/*-------------------------------------------------------------------------------------*/

.galerie {
	background-color:white;
	margin:15px auto;
	width: 100%;        
	border:1px solid black;
    font-size:100%;
}

.galerie .intitule{
    height:35px;
    font-family:verdana,arial,sans-serif;
    font-size:200%;
	padding:10px 0px 2px 0px;
	text-align:center;
	font-weight:bold;
	color:#696969;
    width:100%;
    border-bottom:0px solid black;
}

.galerie  .secteur {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: black;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	margin-bottom: 10px;
	font-size:177%;
}

.galerie .framegalerie{
	border:0px;
	margin:20px 10px 10px 10px;
}

.galerie .desc{
    padding:10px;
	border:1px solid;
	height:45px;
	margin:20px;
}

.galerie .pleinecr{
    display:block;  
    width:220px;     
    text-align:center;
	border:1px solid;
	padding:10px;
    font-weight:bold;
	margin:10px auto 20px;
}

.galerie table{

}

.galerie table td{
	padding:10px;

}
.galerie table{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif au plan  ---------------------------------------*/
/*--------------------------------------------------------------------------------------*/
 
.plan {
	background-color:white;
	margin:auto;
	width: 100%; 
	border:1px solid black;
}
.plan .textplan{
    padding:5px 10%;
	
}	
.plan .intitule{
    height:35px;
    font-family:verdana,arial,sans-serif;
    font-size:16px;
	padding:10px 0px 2px 0px;
	text-align:center;
	font-weight:bold;
	color:#696969;
    width:100%;    
}

.plan .secteur {
    width:100%;
    border-bottom:1px solid black;
	border-top:1px solid black;
	padding:2px 0px 5px 0px;
	text-align:center;
	margin-bottom:10px;
}

 .plan a.rubriq  {
    display:block;
	font-size:13px;
	font-weight:bold;
	margin: 10px 0px 0px 15px;
}

.secteur a.rubriq  {
	margin:0px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	width:100%;
}


.plan ul li a.article{
	 margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: white;
    margin-left: 15px;
    padding-left: 20px;
   
}

.plan .secteur ul {
	list-style-type:none;
	padding: 0px 0px 0px 20px; 
	margin: 0px;
	border: 0px;

}

.plan ul {
	list-style-type: square;
	padding: 0px 0px 0px 20px; 
	margin: 0px;
	border: 0px;
}
.plan ul  li ul{
	list-style-type:circle;
	padding: 0px 0px 0px 20px; 
	margin: 0px;
	border: 0px;
}

.plan li {
	font-size: 100%;
	padding:0px;
	margin:0px;
	border: 0px;
}


/* ---------plan et syndication---------- */
.plan a.article-syndic {
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}

.plan a.article-syndic:hover {
	background-image:url(../puces/puce.gif);
	background-position: left top;
	background-repeat: no-repeat;
}


.plan .date-syndic {
	font-weight: bold;
}

.plan .a-propos {
        color:#222222;
	display: block;
	border: 0px;
	font-size: 11px;
	padding: 3px 30px 5px 40px;
}

.plan .a-propos .site-pere {
	font-weight: bold;
}

.plan .a-propos .auteur-pere {
	font-weight: bold;
}


/*--------------------------------------------------------------------------------------*/
/*  --------------- style relatif à la procédure de recherche-----------------*/
/*--------------------------------------------------------------------------------------*/

.recherche .intitule  {
	height:35px;
	display: block;
	font-family:verdana,arial,sans-serif;
    font-size:16px;

	padding: 0px 0px 0px 45px;
	margin:10px auto;
	text-align:center;
	font-weight:bold;
}

.recherchespip .intitule  {
	display:block;
	font-family: verdana,arial,sans-serif;
    font-size:250%;
	margin:20px 0px;
	padding: 0px;
	text-align:left;
	font-weight:bold;
}
 .recherche {
	width: 100%; 
}

.recherche .elements-trouves {
	font-size: 150%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-decoration: underline;
}

.recherche .mot-cle {
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-decoration: underline;
}

.recherche .derniers-articles .chemin {
	margin: 0px; 
	font-weight: bold;
	text-align:center;
	font-size: 130%;	
}

.derniers-articles .detail {
	font-size: 85%; 
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 0px; 
	padding: 1px 5px 1px 5px;
	border-left: 1px solid ;
	border-bottom: 1px solid ;
	width: 200px;
	float: right;
}
.derniers-articles .introduction {
	padding:10px;
	margin: 0px  ; 
}
.indentation {
	padding: 10px;
}

.redimensionnement {
	font-size: 11px; 
}

.derniers-articles .annonce {
    display: block;
	margin:15px auto;
    width:100% ;
    border:1px solid ;
    padding-left: 10px;
}

.spip_bouton_recherche {
	display: block;        
	position:relative;
    float:right;
	border: 0px solid;
    border-left:1px solid ;  
  	margin:0px ;
    padding:0px;
    height:25px;
    width:25px; 
    top:0px ;    
}

.recherche form {
	border-width: 1px;
	border-style: solid;
	border-color: white;
	margin: 0;
	background-color: white;
	height: 25px;
    right:0px;
    width:100%;
	padding:0px;
	overflow:hidden;
}

.recherche .formrequete{
	display:block;
	float:right;
	width:75%;
	height:22px;
	padding-left:0px;
	font-size:12px;
	text-align:left;
	border:0px;
	overflow:hidden;   
	margin-top:2px;
}

/*Résultats des recherches sur les mots clés ressource*/
.tous_resultats{
    display:block;
    margin:20px;
}
.recherche .extrait{
	display: block;
}

#result{
    margin-bottom:10px;
}

#result #titre{
    display:block;
}

/*--------------------------------------------------------------------------------------*/
/*  --------------- style relatif aux mentions légales---------------------------*/
/*--------------------------------------------------------------------------------------*/

.menleg {
	font-size: 100%;
    margin:10px auto;
	background: transparent;
	font-size: 11px;
	text-align: center;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	width:150px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.menleg .en-tete {
	display: block;
	font-weight: bold;
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	border-left: 1px solid ;
	border-right: 1px solid ;
	border-top: 1px solid ;
    width:100%;
}

.menleg .contenu {
	border-left: 1px solid ;
	border-right: 1px solid ;
	border-bottom: 1px solid ;
	margin: 0px 0px 10px 0px;

	padding: 0px;
	font-size: 100%;
	width:100%;
	background:white;
	color:#808080;
}
.menleg .mentitre{
	border-top: 1px solid ;
	border-bottom: 1px solid ;
	padding: 0px;
	font-size: 100%;
	width:100%;  
}

/*--------------------------------------------------------------------------------------*/
/*  --------------- style relatif au mini-agenda ------------------------------*/
/*--------------------------------------------------------------------------------------*/

.agenda {
	font-size: 100%;
    margin:10px auto;
	background: transparent;
	font-size: 11px;
	text-align: center;
}

.agenda .en-tete {
	display: block;
	font-weight: bold;
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	border-left: 1px solid ;
	border-right: 1px solid ;
	border-top: 1px solid ;
    width:100%;
}

.agenda .contenu {
	border: 1px solid black;
	margin: 0px 0px 0px 0px;
    margin: 0px ;
	padding: 0px;
	font-size: 100%;
	width:100%;

}
.agenda .contenu .mois {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 100%;
	text-align:center;
}

.agenda .contenu .mois a{
   
	font-weight: bold;
    text-decoration: none ;
	font-size: 100%;
   
}
.agenda .contenu .mois a:hover{
    text-decoration: underline;
	
}

.tableau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	text-align:center;
	font-style:normal;
}

.calendar_this_day {  /* surligne le jour d'aujourd'hui */
    background: red;
	font-weight:bold;
	color :#FFFFFF;
}

.calendar_this_month {  /* couleur des cases appartenant au mois en cours */
	background-color: #FEFEFE; 
}

.calendar_not_this_month {  /* couleur des cases n'appartenant pas au mois en cours => début et fin de mois */
	background: #ECECEC;
	color:#AAAAAA;
}

.calendar_head_mini {    /* corespond à la ligne des jours : lu ma me je ve sa di*/
	
	text-align: center;
	font-size: 9px;
	color: white;
	font-family: Verdana, Arial, Helvatica, sans-serif;	
	font-style:normal;
	border-bottom: 1px solid ;
}

.clefs{
	font-size:12px;
	font-weight: bold;
	border-bottom:1px solid white;
	border-top:1px solid white;
}

.titresclefs{
	text-align:left;
	padding-left: 10px;
}

.titresclefs ul{
	line-height: 120%;
	text-align:left;
	padding-left: 10px;  
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux albums photos--------------------------*/
/*--------------------------------------------------------------------------------------*/

.album {
	background: transparent;
	font-size: 11px;
    width:150px;

    margin: 10px 0;  
	padding:0px;

}

.album .en-tete {
	display: block;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	border-left: 1px solid ;
	border-right: 1px solid ;
	border-top: 1px solid ;
    width:150px;

	overflow:hidden;
}

.album .contenu {
	border: 1px solid black;
	display:block;
	width:150px;
	height:100px;
	overflow:hidden
}

.album iframe{
	border:0px;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux sites syndiqués--------------------------*/
/*--------------------------------------------------------------------------------------*/
 
 .web .en-tete{
    margin-top:20px;	
	display: block;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	border-left: 1px solid ;
	border-right: 1px solid ;
	border-top: 1px solid ;
	border-bottom: 1px solid ;
    width:100%;
}

.web {
	margin: 0px;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
}

.web a.en-tete, .breves a.en-tete {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:20px;
	height:20px;
	display: block;
	font-weight: bold;
	font-size: 200%;
}

.web a.article-synd {
	display: block;
	color: #808080;
	text-decoration: none;
	background-image:url(../puces/puce.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 5px 10px;
	margin: 0px 5px 0px 5px;
}

.droite .web a.article-synd:hover {
	color: #808080;
	text-decoration: underline;
}

.centre .web a.article-synd:hover {
	color: #808080;
	text-decoration: none;
	background-image:url(../puces/puce.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.web .sitesyndic {
	border: 1px solid;
	margin: 10px;
	padding: 0px;
	font-size: 100%;
	background-color:white;        
}

.web .sitesyndic a.nom-site {
	display: block;
	border-bottom: 1px solid;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	padding: 1px;
}

.web .site {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
    background-color:white;
    width:100%; 
}

.web .site .descriptif {
	border: 1px solid #808080;
	background-color: white;
	margin: 5px 10px 10px 10px;
	padding: 5px;
}


.web .site a.nom-site {
	display: block;
	border-bottom: 1px solid #808080;
	font-size: 130%;
	font-weight: bold;
	color:black;
	text-align: center;
	margin: 0px;
	padding: 1px;
	background: #cacac7;
	margin-bottom: 10px;
}

.web .site a.nom-site:hover {
	color: #FFFFFF;
	background: #808080;
}


/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux brèves-----------------------------*/
/*--------------------------------------------------------------------------------------*/

.breves .en-tete{
    margin-top:20px;	
	display: block;
	font-weight: bold;
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	border-left: 1px solid ;
	border-right: 1px solid ;
	border-top: 1px solid ;
	border-bottom: 1px solid ;
    width:100%;
}

.breves {
	margin: 0px;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;       
    color:black;
}

.breves .contenu {
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:100%;
    width:100%;
    background-color:white;
    color:#808080;
}
.breves .notes{
	border-top:1px solid black;
	padding:3px;
}
.breves .contenu .nom-breve {
	display: block;
	border-bottom: 1px solid #808080;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: #808080;
	margin: 0px;
	padding: 1px;
	background: #EEEEEE;
}

.breves .contenu .date {
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	font-size: 100%;
	text-align: center;
	color: #808080;
	margin-left: 40%;
	padding: 1px;
	text-align: center;
}

.breves .contenu .texteb {
	margin: 0px;
	padding: 5px;
	font-size: 100%;
	line-height: 110%;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux divers styles de bords----------------*/
/*--------------------------------------------------------------------------------------*/


/* La ligne supérieure et la ligne inférieure */
.bordertop, .borderbottom {
	display:block;
	font-size:1px;
}

/* Style qui définit les coins arrondis */
.coin1, .coin2, .coin3, .coin4 {
	display:block;
	overflow:visible;
}

.coin1, .coin2, .coin3, .trait  {height:1px;}
.coin2, .coin3, .coin4 {
	border-left:1px solid ;
	border-right:1px solid; 
}

.trait {
	border-bottom:1px solid ;
}

.coin1 {
	margin:0 5px;
	border-bottom:1px solid ;
}

.coin2 {
	height:1px;
	margin:0 3px;
	border-left:2px solid ;
	border-right:2px solid ;
}
.coin3 {
	margin:0 2px;
}
.coin4 {
	height:2px;
	margin:0 1px;
}
.coin5 {
	margin:0 5px;
	border-top:1px solid;
}

/* les coins gauches pour les cartouches des rubriques */

.coin1g, .coin2g, .coin3g, .coin4g {
	display:block;
	overflow:visible;
}

.coin1g, .coin2g, .coin3g   {height:1px;}
.coin2g, .coin3g, .coin4g {
	border-left:1px solid ;
	border-right:0px solid ;
}

.coin1g {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	margin-right:0px;
	border-bottom:1px solid;
}

.coin2g {
	height:1px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:3px;
	margin-right:0px;
	border-left:2px solid;
	border-right:0px solid;
}

.coin3g {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:2px;
	margin-right:0px;
}

.coin4g {
	height:2px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:1px;
	margin-right:0px;
}
.coin5g {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	margin-right:0px;
	border-top:1px solid;
}

 
/* les coins droits pour les cartouches des rubriques */

.coin1d, .coin2d, .coin3d, .coin4d {
	display:block;
	overflow:visible;
}

.coin1d, .coin2d, .coin3d   {height:1px;}
.coin2d, .coin3d, .coin4d {
	border-left:1px solid;
	border-right:1px solid;
}

.coin1d {
	margin-top:0px;
	margin-bottom:0px;
	margin-right:5px;
	margin-left:0px;
	border-bottom:1px solid;
}

.coin2d {
	height:1px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:3px;
	margin-left:0px;
	border-left:1px solid;
	border-right:2px solid;
}

.coin3d {
	margin-top:0px;
	margin-bottom:0px;
	margin-right:2px;
	margin-left:0px;
}

.coin4d {
	height:2px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:1px;
	margin-left:0px;
}
.coin5d {
	margin-top:0px;
	margin-bottom:0px;
	margin-right:5px;
	margin-left:0px;
	border-top:1px solid;
}
 
/* Les  différents types de contenu, pris entre la ligne supérieure et la ligne inférieure */

.content1 {
	display:block;
	padding : 2px  10px;
	border-left:1px solid;
	font-size:12px;
	height:40px;
}

.content2 {
	display:block;
	padding : 2px  1%;
	border-left:1px solid;
	border-right:1px solid;
	font-size:12px;
	height:40px;
    overflow:hidden;
}

 .content {
	display:block;
	padding : 10px  10px;
	border-style:  solid ;  
	border-width:0 1px;
	font-size:12px;
    overflow:hidden;
}

 .contentlp{
	display:block;
	padding : 10px  10px;
	border-style:  solid ;  
	border-width:0 1px;
	font-size:12px;
	text-align:center;
}

.contentlp .title{
	font-size:14px;
	font-weight: bold;
}


/* --------------Les parties gauche et droite des cartouches des rubriques----------------- */
.pargauche {
	float:left;
	width:17%;
	height:44px;
}

.pardroit {
	float:left;
	width:73%;
	height:44px;
}

/* --------------Le contenu, les bords et l'encadré----------------- */

.ensemrub{
	display:block;
	margin-top:0px; 
	margin-bottom:25px; 
        margin-left:10%;
        
	padding-top:0px;
	padding-bottom:40px;
        padding-left:0px;
	padding-right:0px;
        width:90%;
}
.ensemble_foc{
	position:relative;
	margin-top:10px; 
	margin-bottom:0px;     
}
.ensemble_foc1{
	position:relative;
	margin-top:20px; 
	margin-bottom:0px;     
}
.ensemble_edit{
	position:relative;
	margin-top:25px;   
	margin-bottom:0px;    
}
.ensemble_edit1{
	position:relative;
    margin-top:35px;   
	margin-bottom:10px;   
}
.ensemble{
	position:relative;
	margin-top:25px;
    margin-bottom:30px;
}
.ensembleart{
	position:relative;
	margin-top:20px;
    margin-bottom:30px;
}
.ensemblerub{
	position:relative;
	margin-top:25px;
    margin-bottom:30px;
}
.ensemble1{
	position:relative;
	margin-top:40px;
    margin-bottom:20px;
}
.ensembleart1{
	position:relative;
	margin-top:30px;
    margin-bottom:30px;
}
.ensembleder{
	position:relative;
	margin-top:45px;
    margin-bottom:30px;
}
.ensemrub .pardroit .content2 a{
	font-size:17px;
	font-weight:bold;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux images et aux logos-------------------*/
/*--------------------------------------------------------------------------------------*/
 .articleforum .image1{
	margin:20px auto;
 }

.forumpublic .image1{
	margin:20px auto 25px;
}
.forumpublic .image2{
	margin:20px auto 25px;
}

.forumpublic .ifr, .blogpage .ifr{
	margin:10px auto 25px;
}

.rubrique .image1{
	margin:10px auto;
}
.spip_logos{
	margin:0px;
	padding:0px;
}

.edito_rub .image , .article .image,
.derniers-articles .image, .edito .image{
	display: block;
	float: left;
	margin: 10px;
	border:0px;
}	
.imagefocus{
    width:40%;
	margin: 5px;
    padding:0px;
	border:0px;
    top:0px;
}
.sommairecolune  .imagefocus{
	width:30%;
	margin: 5px;
    padding:0px;
	border:0px;
	top:0px; 
}
  
  .imagedit{
    display:block;
    width:33%;
	float:left;
	padding:15px 5px 5px ;
	border:0px;      
}

.imageditart{
    display:block;
    width:33%;
	float:left;
	padding:15px 5px 5px ;
	border:0px;      
}
  .imageditder{
	width:20%;
	float:left;
	margin: 5px;
    padding:0px;
	border:0px;
    top:0px;
}

.imageditrec{
	display:block;
	float:left;
	margin: 5px;
    padding:0px;
	border:0px;
    top:0px;  
}
.imsommaire{
	margin-top:0px;
}

.imsommaire, .imsommaire iframe,
.rubrique iframe{
	border:0px solid;
}
.rubrique .ifr{
	margin-bottom:40px;
}

.logo-forum img{
	float: left;
	position: relative;
    display:block;
	text-decoration:none;
	border: 0px solid ;
}


.article .image  {
	display: block;
	float: left;
	margin: 10px;
	border:0px;
}

.focus-articles .image  {
	display: block;
	float: left;
	margin: 10px;
	border:0px;
}

.logtype1{
    border:1px solid;
    border-bottom:0px solid;
	top:-27px;
	padding:3px 2px 4px;
	left:10px;       
	position:absolute;
	height:21px;
	overflow:hidden;
}
.logtype{
	border:1px solid;
	top:-18px;
    padding:1px 2px 0px ;
    left:10%;
	position:absolute;
    text-align:center;
    height:27px;
    overflow:hidden;
}
.logtypefoc{
	border:1px solid;
	top:-17px;
    padding:3px;
    margin:0px;
	left:10%;
	position:absolute;
}
.logtypefoc1{
	border:1px solid;
    border-bottom:0px solid;
	top:-25px;
	padding:3px;
    margin:0px;
	left:10px;
	position:absolute;
}
.logtypeedi{
	border:1px solid;
	top:-17px;
	padding:3px;
	left:10%;
	position:absolute;
	height:20px;
	overflow:hidden;
}
.logtypeedi1{
	border:1px solid;
    border-bottom:0px solid;
	top:-25px;
    padding:3px;
    left:10px;
    position:absolute;
	height:20px;
	overflow:hidden;
}
.logtypeedito{
    border:1px solid;
	top:-17px;
	padding:3px;
    left:10%;
	text-align:center;
    position:absolute;
	height:20px;
	overflow:hidden;
}
.logtypeedito1{
    border:1px solid;
    border-bottom:0px solid;
	top:-25px;
    padding:3px;
	left:10px;
    position:absolute;
	height:20px;
	overflow:hidden;
}
.imageart {
	display:block;
	width:100%;
	height:35px;
	margin-bottom:5px;
}
.imageart img{
	float:right;     
}
.imageart1 {
	display:block;
	width:100%;
	height:35px;
	margin-bottom:5px;
}
.imageart1 img{
    float:right;
}
.imagearted {
	display:block;
	width:100%;
	height:35px;
	margin-bottom:5px;
}
.imagearted img{
    float:right;
}

.imageartf {
	display:block;
	width:100%;
	height:35px;
	margin-bottom:5px;
}
.imageartf img{
	float:right;        
}

.imageartda {
	display:block;	
	width:100%;
	height:35px;
	margin-bottom:5px;
}

.imageartda img{
    float:right;
}
.imageflo{
	clear:both;
	float:right; 
	margin-right:10px;
}
.place{
	padding:0px;
    float:left;
}

.placeim{
	float:left;
}
/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux formulaires-----------------------------*/
/*--------------------------------------------------------------------------------------*/

fieldset .forml {
	display:inline;
	width:67%;
	background: white; 
	font-size:12px;
    text-decoration:none;
    border: 1px solid ;   
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 10px;
    text-align:left;
}

.saisie-texte, .forml {
	display:inline;
	width:67%;
	font-size:10px;
    text-decoration:none;
    border: 0px solid ;
    margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;
    text-align:center;
}

fieldset {
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif formulaire de pétition--------------------*/
/*--------------------------------------------------------------------------------------*/

.petition {
	border: 1px solid red;
	padding: 10px;
	margin: 20px 30px 20px 30px; 
	background: #EEEEEE;
}

.petition fieldset {
	border: 1px solid ;
	margin: 5px 0px 0px 0px;
	padding: 10px;
}

.petition legend {
	
	font-weight: bold;
	border: 1px solid ;
	padding: 1px 5px 1px 5px;
	margin: 0px 0px 5px 0px;
}

.petition .en-tete {
	
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

.petition textarea {
	width: 80%;
}

/* mise en forme de l'affichage des signataires de la pétition */

.signatures {
	border: 2px solid ;
	padding: 10px;
	margin: 10px 30px 10px 30px; 
	background: #EEEEEE;
	font-size: 100%;
}

.signatures .en-tete{
	
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

.signatures td {
	border: 1px solid ;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	empty-cells: hide;
	font-size: 12px;
}

.signatures thead {
	
        font-weight: bold;
	color: #FFFFFF;
}

.signatures a {
	color: #41C74A;
	text-decoration: none;
}

.signatures a:hover {
	color: #41C74A;
	text-decoration: underline;
}


/*-------------------------------------------------------------------------------------------------------------*/
/*  -------------- style relatif aux info-bulles perso adaptées au contexte (image, plan...)---*/
/*-------------------------------------------------------------------------------------------------------------*/

a.info span {
	display: none;
}

a.info:hover {
	background: none; /* correction d'un bug IE */
}

.images a.info:hover span {
	/* style des infobulles associées aux images */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
	width: 200px;
}

.plan a.info:hover span {
	/* style des infobulles associées aux articles syndiqués (page site.html) */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
}
.plan a.rubrique{
	font-size:150%;
	font-weight:bold;
}

.recherche a.info:hover span {
	/* style des infobulles associées aux articles syndiqués (page site.html) */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
}

/*--------------------------------------------------------------------------------------*/
/*  --------------------------            Divers                -----------------------------*/
/*--------------------------------------------------------------------------------------*/
.content table.spip {
	border:1px solid;
}
.content table.spip th,.content table.spip td {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-align: left;
	vertical-align: middle;
	border:1px solid;
}

.espace{
	clear:both;
}

.frere{
	margin-left:20%;
}

/* tableau invisible */
table.invisible {
	font-size: 90%;
	border-width:0px;
    width:50%;
} 

.content table{
	position:relative;
}
/*---affichage de code (pour afficher en mode texte du code html)---*/
tt {
	display: block;
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #669999;
	padding: 1em;
	margin: 1em 0em 1em 0em; /*Sarka-SPIP 1.8.2*/
	font-size: 90%;
	background: #E0F0F0;
	overflow: auto;
	max-height: 25em;
}
/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif au pied de page ----------------------------*/
/*--------------------------------------------------------------------------------------*/


.footer {	
	clear: both;
	margin: 10px auto;
	text-align: center;
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	padding: 20px;
	width:200px;
	margin-left: 40% ;
}

.footer a {
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

a.logo-param-spip {
    float:right;   
    background:URL(../puces/param-spip.png); 
	background-repeat: no-repeat;
	border: 0px;
    margin:0px;   
    padding: 0px;
	width: 85px;
}

a.logo-param-spip:hover {
	background:URL(../puces/param-spip-hover.png); 
	background-repeat: no-repeat;
	border: 0px;
}

a.logo-spip-powered {
	float:left;
	background:URL(../puces/spip-powered.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px ;
	padding: 0px;
	width: 85px;
}

a.logo-spip-powered:hover {
	background:URL(../puces/spip-powered-hover.png);
	background-repeat: no-repeat;
    border: 0px;
}
/*-------------------------*/