/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif au bloc body----------------------------*/
/*--------------------------------------------------------------------------------------*/

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{
_position:relative;
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{
	position:absolute;
	top:0; 
	right:0;
	height:100px;
	z-index:2;
	overflow:hidden;

}

.nouvimage{
    position:absolute;
	top:0; 
	right:0;
	height:100px;
	z-index:2;
   overflow:hidden;
}

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

.degrad1{
	width:1px;
	height: 100px;
	float:left;
overflow:hidden;
}

#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:69%; 
    width:100% !ie;
    left:0px;
    z-index:1; 
	padding: 2px 18% 3px 13%;
	border-bottom:2px solid ;  
 
}

.ecritbande{
	z-index:4;
	width:95%;
}

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

.tititre{
	position:absolute;
	border-left:2px solid;
	border-top:2px solid;
	border-right:2px solid;
	z-index:4;
	height:23px;
        _height:25px;
	font-weight: bold;
overflow:hidden;
}

 .tititre .haut{
	_display:inline;
	height:30px;
	_height:23px;
	padding-right:5px;
	padding-left:3px;
}

.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%;
        width:18% !ie;
	position:absolute;
        top:20px;
        top:20px !ie;
        right:0px;
        _right:2px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;    
	padding-right:10px;
	_padding-right:5px ;
	padding-left:45px;
	_padding-left:0px ;
}


/*--------------------------------------------------------------------------------------*/
/*  ------- 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%; 
_margin-top:0px; 
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%; 
        _width: 95%; 
	
}
.sommaire_gauche {
	position:relative;
	margin-left: 2% ; 
        _margin-left:1%;
       	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 1px;
	float:left;
	width:37%;
}

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

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif à la classe contenu------------------------*/
/*--------------------------------------------------------------------------------------*/
.contenuf {
	width: 95%; 
    width:70% !ie; 
float:left;
padding-left:30px;
}

.contenu {
	width: 100%; 
    width: 98% !ie; 
}
.contenuart{
	width: 100%; 
    width: 98% !ie; 
}
/* 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%;
}


.contenu .rubrique .texteexpl1 {
	margin-left:17%; 
    margin-left:12% !ie; 
/*	margin-bottom:5px !ie; */
 
 	margin-top:0px;
        _margin-top:40px;
	width:70%;
	_width:90%;
        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{	
	padding:5px;
	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: 2px 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;
	_margin: 0px 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;
        _margin-top: 20px; 
        _margin-right: 10px;  
        _margin-bottom:5px; 
        _margin-left: 0px;
}
 .rubrique  .spip_documents_right {
	
       clear:both;
  display:block;
 position:relative;
	margin-left: 20px;
        margin-top: 20px; 
        margin-bottom:5px;
	margin-right: 10px;  
        _margin-bottom:5px; 
        _margin-left: 10px;
        _margin-top: 10px; 
        _margin-right: 0px;  
}

.rubrique .spip_documents_center {
	display:block;
    clear:both;
	margin-top: 10px;
    _margin-top: 5px;
    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 {
padding-top: 2px;
font-size: 13px;
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%;
    _width:100%; 
	margin: 10px auto;
    padding:0px;
    height:25px; 
  _height:27px; 
     overflow:hidden;
}

a.logtitre{
	font-size:16px;
	margin:5px;
        _position:relative;
        _top:3px;
        text-align:center;
        float:left;
        _float:none;
        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:20px;
        _margin:20px;
		
	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 {
	color: #000000;
	margin: 10px;
	padding: 0px;
	font-size: 100%;
	border-top: 2px solid #000000;
}

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

.edito .notes {
	color: #000000;
	margin: 10px;
	padding: 0px;
	border-top: 2px 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;
        _margin-top: 20px; 
        _margin-right: 10px;  
        _margin-bottom:5px; 
        _margin-left: 5px;
}
.edito .spip_documents_right {
	
       clear:both;
 display:block;
 position:relative;
	margin-left: 20px;
        margin-top: 20px; 
        margin-bottom:5px;
	margin-right: 10px;  
        _margin-bottom:5px; 
        _margin-left: 10px;
        _margin-top: 10px; 
        _margin-right: 0px;  
}

.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; 
        _margin-bottom:0px; 
}

 .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  50px;	 
	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;
	_position:relative;
	float:right;
	border-left:1px solid;
	border-bottom:1px solid;
	left:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin-top:-25px;
        _margin-top:-20px;
	margin-left:10px;
	width:45%;
}
*/
.articledetail{
	display:block;
	_position:relative;
	float:right;
	border-left:1px solid;
	border-bottom:1px solid;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin-top:0px;
        _margin-top:-5px;
	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 {
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding-top: 10px;
	font-size: 100%;
	border-top: 2px solid #6262A4;
}

.article .post-scriptum .annonce {
	font-weight: bold;
	color:#6262A4;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.article .notes {
	
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	border-top: 2px 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-right: 20px;
        margin-bottom:10px;  
}
.article .impricont{
display:block;
_padding-bottom:20px;
}
/* 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;
        _margin-top: 20px; 
        _margin-right: 10px;  
        _margin-bottom:5px; 
        _margin-left: 5px;
}
.article .spip_documents_right {
	
       clear:both;
 display:block;
 position:relative;
	margin-left: 20px;
        margin-top: 20px; 
        margin-bottom:5px;
	margin-right: 10px;  
        _margin-bottom:5px; 
        _margin-left: 10px;
        _margin-top: 10px; 
        _margin-right: 0px;  
}

.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{
        background:yellow;
        margin-top:20px;
	padding:0px;
	border:1px solid ;
}

.aut-derniers-articles .en-tete{
        background:red;
	display: block;
	font-weight: bold;
	font-size: 200%;
	color: black;
	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;
 
}

.aut-derniers-articles .introduction{
        
	color:black;
	
}

.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;
background:white;
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;
       /* border:1px solid;*/
}
.auteurgen legend{
	font-size:14px;
    /* border:1px solid;*/
}
.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;
    /*    border:1px solid;*/
}

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

.auteur .nom {
	color: #6262A4;
	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 #6262A4;
	color: #6262A4;
	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;
_padding-right:20px;
margin-top:-10px;
margin-right:-10px;
margin-left:10px;
_margin-left:0px;
}

.rubriquedetail{
	display:block;
	_position:relative;
	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;
	
	
	_padding-top:0px;
	
}

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

.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;
	_padding-left:20px;
	margin-top:0px;
	margin-left:10px;
	width:45%;
}

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

 .statis{
	background-color:white;
	margin:auto;
	width: 90%;  
    _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%;
	_padding-left:10%;
	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{
/*	width: 100%; 
	width: 98% !ie; 
*/	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;
    _margin:40px 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%;
    _padding-left:10%;
	font-size:150%;
}


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

.forumpublic{
/*	width: 100%; 
	width: 98% !ie; 
*/	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:10px;
}

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;
	_margin-top: 15px;
	padding: 10px;   
   
}

.forum legend {
	color:white;
	font-weight: bold;
	font-size:150%;
	border: 5px solid ;
	padding: 1px 5px 1px 5px;
    margin-top: 5px;
	_margin-top: -20px;
	position:relative;
        
}
.forum .ens {
/*background:#22707a;*/

padding:5px 5px 5px;
}
.forum .en-tete {
	color: #6262A4;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

.forum textarea {
	width: 80%;
}

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

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

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

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

.forum .visualisation .detail {
	border-bottom: 1px solid ;
	border-left: 1px solid ;
	font-size: 90%;
	text-align: center;	  
	width: 200px;
	float: right;
	padding: 1px;
}

 .textef {
        background:white;
        color:black;
	padding: 10px;
        display:block;
       min-height:25px;
       _height:20px;
}


/*-------------------------------------------------------------------------------------*/
/*  ------------------- 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;
/*float:left;*/
}

.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;
        
  _width:280px;  
_margin:10px 20px 20px 20px;
_float:right;
}

.galerie table{
_width:90%;
_align:left;
_height:90%;
}

.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%; 
	_width: 95%;
	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 {
	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;
	margin-top:20px!ie;
	padding: 0px 0px 0px 45px;
	margin:10 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%; 
    _width:98%;
}




.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; 
    _height:25px;
    _width:25px;   
    _right:-3px;
  
    top:0px ;
 
    
}



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


.recherche .formrequete{
display:block;
float:right;
width:75%;
_width:74%;
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;
    margin: 0px !ie;
	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{
    color: #6262A4;
	font-weight: bold;
    text-decoration: none ;
	font-size: 100%;
   
}
.agenda .contenu .mois a:hover{
    text-decoration: underline;
	color: #6262A4;
}

.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*/
	background-color: #6262A4;
	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;
	margin-left: 0px !ie;
 

}

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

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

.album {
	background: transparent;
	font-size: 11px;
    width:150px;
    width:152px !ie;
    margin: 10px 0;  
 /*  float:right !ie;
	margin-right: 5% !ie;
        margin-left: 5% !ie; 
    margin-top:10px !ie;  */  


}

.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;
    width:152px !ie;
}

.album .contenu {
	border: 1px solid black;
	display:bloc;
	width:150px;
	_width:152px;
	height:100px;
	_height:102px;
}

.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;
        _margin:0 5px;
	border-bottom:1px solid ;
}

.coin2 {
	height:1px;
	margin:0 3px;
        _margin:0 4px;
	border-left:2px solid ;
	border-right:2px solid ;
        _border-left:1px solid ;
	_border-right:1px solid ;

}
.coin3 {
	margin:0 2px;
}
.coin4 {
	height:2px;
	margin:0 1px;
}
.coin5 {
	margin:0 5px;

	_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-left:4px;
	margin-right:0px;
	border-left:2px solid;
        _border-left:1px 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-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-right:4px;
	margin-left:0px;
	border-left:1px solid;
	border-right:2px solid;
_border-right:1px 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-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  10px;
	_padding : 2px  10px;
	border-left:1px solid;
	border-right:1px solid;
	
	font-size:12px;
	height:40px;
        overflow:hidden;
}

 .content {
	display:block;
	padding : 10px  10px;
	/* padding:0px !ie;*/
	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%;
        _width:67%;
	height:44px;
}

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

.ensemrub{
	display:block;
	margin-top:0px; 
	margin-bottom:25px; 
	margin-left:10%; 
	margin-right:0;
	padding-top:0px;
	padding-bottom:40px;
	padding-left:0px;
	padding-right:0px;
	_margin-top:15px;
	_margin-bottom:25px; 
}
.ensemble_foc{
position:relative;
   margin-top:10px; 
  _margin-top:25px;   
margin-bottom:0px;  
   
}
.ensemble_foc1{
position:relative;
   margin-top:20px; 
  _margin-top:35px;   
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;
	_margin-top:25px;
        _margin-bottom:5px;
}
.ensemble1{
	position:relative;
	margin-top:25px;
        margin-bottom:30px;
	_margin-top:25px;
        _margin-bottom:5px;
}
.ensembleder{
	position:relative;
	margin-top:45px;
        margin-bottom:30px;
	_margin-top:40px;
        _margin-bottom:5px;
}
.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;
	position:relative !ie;
}
.imagefocus{
        width:40%;

	margin: 5px;
        _margin-top:0px;
        padding:0px;
	border:0px;
	position:relative !ie;
        top:0px;
  
}
.sommairecolune  .imagefocus{
width:30%;

	margin: 5px;
        _margin-top:0px;
        padding:0px;
	border:0px;
	position:relative !ie;
        top:0px;
  
}
  
  .imagedit{

        display:block;
        width:33%;
	float:left;
	padding:15px 5px 5px ;
	border:0px;
	_position:relative;
        _top:5px;
        _left:0px;
       
}
.imageditart{

        display:block;
        width:33%;
	float:left;
	padding:15px 5px 5px ;
	border:0px;
	_position:relative;
        _top:0px;
        _left:0px;
       
}
  .imageditder{
width:20%;

	float:left;

	margin: 5px;
        _margin-top:0px;
        padding:0px;
	border:0px;
	position:relative !ie;
        top:0px;
  
}
  .imageditrec{

display:block;
	float:left;

	margin: 5px;
        _margin-top:0px;
        padding:0px;
	border:0px;
	position:relative !ie;
        top:0px;
  
}
.imsommaire{
	margin-top:0px;
	
}
.imsommaire, .imsommaire iframe,
.rubrique iframe{
border:0px solid;
}
.rubrique .ifr{

margin-bottom:40px;
_margin-bottom:20px;
}
.logo-forum img{
	float: left;
	position: relative;
    _left:-3px;
    display:block;
	text-decoration:none;
	border: 0px solid ;
}


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

.focus-articles .image  {
	display: block;
	float: left;
	margin: 10px;
	border:0px;
	position:relative !ie;
}
.logtype1{
	border:1px solid;
        border-bottom:0px;
	top:-32px;
        _top:-27px;
	padding:2px 2px 2px;
	left:10px;
	position:absolute;
      
        text-align:center;
        height:29px;
        _height:30px;
}
.logtype1{
    	border:1px solid;
        border-bottom:0px solid;
	top:-25px;
        _top:-24px; 
	padding:3px;
	left:10px;
       
	position:absolute;
height:20px;
_height:27px;
overflow:hidden;
}
.logtype{
	border:1px solid;
	top:-24px;
        _top:-15px;
	padding:2px 2px 0px ;
        _padding:1px 2px 0px ;
	left:10%;
	position:absolute;
      
        text-align:center;
        height:27px;
        _height:27px;
overflow:hidden;
}
.logtypefoc{
	border:1px solid;
	top:-17px;
        _top:-19px;
	padding:3px;
        _padding:4px 3px 2px 2px;

        
        margin:0px;
	left:10%;
	position:absolute;


}
.logtypefoc1{
	border:1px solid;
        border-bottom:0px solid;
	top:-25px;
        _top:-27px;
	padding:3px;
        _padding:4px 3px 2px 2px;

        
        margin:0px;
	left:10px;
	position:absolute;


}
.logtypeedi{
	border:1px solid;
	top:-17px;
	padding:3px;
	left:10%;
       _left:5%;
	position:absolute;
height:20px;
_height:27px;
overflow:hidden;
}
.logtypeedi1{
	border:1px solid;
        border-bottom:0px solid;
	top:-25px;
        _top:-24px; 
	padding:3px;
        _padding-top:5px;
	left:10px;
       
	position:absolute;
height:20px;
_height:27px;
overflow:hidden;
}
.logtypeedito{
        	border:1px solid;
	top:-17px;
	padding:3px;
        left:10%;
	/*left:25%;
        width:47%;
 _width:47%;*/
text-align:center;
        /*_left:5%;*/
	position:absolute;
height:20px;
_height:27px;
overflow:hidden;
}
.logtypeedito1{
        	border:1px solid;
        border-bottom:0px solid;
	top:-25px;
        _top:-24px; 
	padding:3px;
	left:10px;
       
	position:absolute;
height:20px;
_height:27px;
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;
	position:relative !ie;
}
.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 {
/*	margin: 0px;
	padding: 0px;
*/
}


/*--------------------------------------------------------------------------------------*/
/*  ------------------- 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 #6262A4;
	margin: 5px 0px 0px 0px;
	padding: 10px;
}

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

.petition .en-tete {
	color: #6262A4;
	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 #6262A4;
	padding: 10px;
	margin: 10px 30px 10px 30px; 
	background: #EEEEEE;
	font-size: 100%;
}

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

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

.signatures thead {
	background: #6262A4;
	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                -----------------------------*/
/*--------------------------------------------------------------------------------------*/

.espace{
clear:both;
_margin-top:-40px;
}


 .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;
 _width:250px;
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;
}
/*-------------------------*/