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

/*-------------------------------------------------------------------------------*/
/*  ------------------- style relatif au bandeau -------------------------*/
/*-------------------------------------------------------------------------------*/
.bandeau {
/*bandeau contenant le titre du site*/
display: block;
font-family: Verdana,Helvetica,Arial,sans-serif;
height: 93px;
width:100%;
text-align: right;
z-index:1;  
top:0px;
padding: 0px;
margin:0px;
position:relative;
}

.bandeau2{
height:100px;
text-align: right;
 
}

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

.nouvim{
position:absolute;
top:0; 
right:0;
height:100%;
z-index:1;
overflow:visible;
}

.nouvimage{
height:100%;
}

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

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

#logoacad{
clear:both;
float:left;
margin-top:40px;
margin-left:110px;
border: 0px;
}

#logoacad .logo-bandeau img{
position:absolute;
z-index:4;
float:left;
border:0px;
top:55px;
} 

.banintit{
float:left;
font-weight:bold;
font-size: 20px;
padding:10px 0;
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%;
left:0px;
z-index:1; 
padding: 2px 18% 3px 13%;
border-bottom:2px solid #999999 ;   
}


.ecritbande{
z-index:4;
width:77%;
margin-left:100px;
}

.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;
font-weight: bold;
}

 .tititre .haut{
_display:inline;
height:27px;
_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;
}

.transparence{
position: absolute;
top: 115px;
left: 16px;
z-index: 2;
height:30px;
border:1px solid;
}

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

.gauche {
position:absolute;
z-index:5;
border: 0px;
width: 18%;
top:140px;
_top:122px;
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;
width: 96%;
_width:90%;
margin: 0px 0px 20px 5px;
}


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

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

/* ----------------------------------CENTRE--------------------------*/
.centre {
border: 0px;
padding-left: 20%; 
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% ;
position:absolute;
top:20px;
_top:20px ;
right:0px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 10px;    
padding-right:10px;
_padding-right:0px ;
padding-left:45px;
_padding-left:10px ;
}

.droite2 {  	
float:right;
}

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

.footer a {
	
	text-decoration: none;
}

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


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



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



.sommairefoc {
font-size: 100%;
width: 100%; 
}

/*------------------------sommaire en deux parties--------------------*/
.sommairemulticol {
font-size:100%;
width: 100%; 
}

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

.sommaire_droite {
position:relative;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 100%;
float:left;
width:55%;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif ı la classe contenu------------------------*/
/*--------------------------------------------------------------------------------------*/
.contenuf {
width: 100%; 
_width: 95% ; 
}

.contenu ,  .rubrique{
width: 100%; 
_width: 98% ; 
}


/* contenu --> documents joints (aux articles et aux rubriques) */
/*--------------------------------------------------------------------------------------*/

.contenu .doc {
	padding: 10px; 
	margin: 0px; 
}

.contenu .doc .en-tete {
	font-size: 110%;
	font-weight:bold;
	margin: 5px 0px 5px 0px; 
}

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

}

.contenu .doc .doc_joint a{
	float:left;
	text-decoration: none;
	
	margin: 10px 10px 5px 10px;
}

.contenu .doc a:hover {
	text-decoration: underline;
}

.contenu .vignette a:hover {
	text-decoration: none;
}

/* contenu --> images jointes (aux articles et aux rubriques) */
/*--------------------------------------------------------------------------------------*/

.contenu .images {
	margin: 0px; 
	padding: 10px;
	background: #FFFFFF;
}

.contenu .images .en-tete {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	
}

.contenu .images .vignette {
	font-size: 80%;
	margin: 10px;
	padding: 10px 0px 10px 0px;
}

.contenu .images ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif ı la classe rubrique------------------------*/
/*--------------------------------------------------------------------------------------*/


.contenu .rubrique .texteexpl1 {
	margin-left:17%; 
        _margin-left:20% ; 
	_margin-bottom:10px ; 
 	width:70%;
	font-size:12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.contenu .rubrique  .titre1{
	font-size:150%;
	font-weight:bold;
	padding:5px;
	text-align:center;
}

.contenu .rubrique  .textedes1{	
	padding:5px;
	margin-bottom:20px;
}



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

.contenu .rubrique .filles {
	margin:0 0 0px 0; 
   
}
 
.contenu .rubrique .filles .pardroite a{
       padding-left:5px;
     font-size:150%;
}


.contenu .rubrique .filles  h2 a{
         font-size:90%;
         display:block;
         margin-left : 15px;
}

.contenu .rubrique .filles  h3 a{
          font-size:90%;
         display:block;
         margin-left : 25px;
}


.contenu .rubrique .filles a:hover,
.sommaire .rubrique a.titre: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 {
	display: block;
	padding: 10px;
	font-size: 95%;
	border: 1px solid #6262A4;
	margin: 10px 5px 10px 5px;
	padding: 5px;
	background: #F0F0FA;
	width: 200px !important;
	text-align: center;
}

.rubrique .spip_documents_center {
	margin-left: auto;
	margin-right: auto;
}

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

.rubrique .spip_doc_descriptif {
	font-size: 90%;
	
	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;
}

/*---comportement des liens de style bouton---*/

.logo-titre
{
padding-top: 2px;
font-size: 140%;
font-weight: bold;
}

.boutongauche{
	display:block;
	text-decoration:none;
	border: 1px solid ;
	text-align:center;
	font-size: 12px;
    width: 96%;
    _width:90%; 
	margin: 0px 0px 5px 5px;
    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;
_margin-right:10px;
    padding:0px;
min-height:25px;
  

}

a.logtitre{
	font-size:16px;
	margin-left:0px;
}



.content a{
	text-decoration:none;
	font-size: 100%;
}
.content a:hover{
	text-decoration:underline;
}

/*--------------------------------------------------------------------------------------*/
/*  ----------------- style relatif ı la classe ıdito-------------------------------*/
/*--------------------------------------------------------------------------------------*/

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



.edito .titre {   
	font-family:verdana,arial,sans-serif;
	font-size:17px;
	font-weight:bold;
	
}
.edito a:hover {
	
	text-decoration: underline;
}

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

.edito .surtitre {
	
	font-size: 120%;
	font-weight: bold;
	margin: 5px 10px 5px 10px;
	padding: 0px;
}

.edito .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;
	
	padding-right: 10px;
}

.edito .texte {
	
	margin-right: 10px;
	padding: 0px;
}

.edito .chapo {
	
	margin: 10px;
	padding: 0px;
	font-weight: bold;
}

.edito .post-scriptum {
	
	margin: 10px;
	padding: 0px;
	font-size: 100%;
	border-top: 2px solid #000000;
}

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

.edito .notes {
	
	margin: 10px;
	padding: 0px;
	border-top: 2px solid #000000;
	font-size: 90%;
}

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

.focus-articles a.titre{
font-weight:bold;
}

 .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:20px; 
    _margin-top:10px ;
}

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

/*--------------------------------------------------------------------------------------*/
/*  --------------- style relatif ı la classe derniers articles  -----------------*/
/*--------------------------------------------------------------------------------------*/

 .derniers-articles{
margin-left: 15px ; 
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 100%;
float:left;
width:95%
}




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

.derniers-articles .en-tete {
	
	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;
}



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


.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-left:10px;
	width:45%;
	_margin-right:45px;
}

.article .texte a:hover {
	text-decoration:underline;
}


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

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

.article .soustitre {
	
	font-size: 130%;
	font-weight: bold;
	margin: 0px;
	height:15px;
	padding-top:5px;
	font-style: italic;
}

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



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

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

.article .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: 2px solid ;
	font-size: 90%;
}

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


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


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

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

.article .spip_documents {
	display: block;
	padding: 10px;
	font-size: 95%;
	border: 1px solid #6262A4;
	margin: 10px 5px 10px 5px;
	padding: 5px;
	background: #F0F0FA;
	width: 200px !important;
	text-align: center;
}

.article .spip_documents_center {
	margin-left: auto;
	margin-right: auto;
}

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

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

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux squelettes contact et auteur--------------*/
/*--------------------------------------------------------------------------------------*/

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

.articleauteur{
	border:1px solid;
	margin-bottom:10px;
}

.auteur{
	background:white;
	padding:10px;
	
}

.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;
}

.auteur .image1{   
	float:right;
}

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

.auteur legend{
	font-size:14px;
}
.auteur  fieldset{
	border:1px solid;
	margin-bottom:10px;
	padding:10px;
}

.auteur  {
	text-align: left !important;
}

.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 {
	
	font-size: 130%;
	font-weight: bold;
	margin: 30px 0px 10px 0px;
	padding: 0px;
}

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

.auteur a {
	
	text-decoration: none;
}

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

.auteur textarea{
	margin-left: 15px;
	width:80%;
	height:250px;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux ıventuels dıtails------------------------*/
/*--------------------------------------------------------------------------------------*/

.detail{
    display:block; 
}

.detailF{
    float:right;
    border-left:1px solid;
	border-bottom:1px solid;
}

.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;
	width:45%;
	_padding-left:10px;
	_padding-right:0px;
	_padding-top:2px;
	_padding-bottom:10px;
	_margin-right:45px;
}

.editodetail{
	display:block;
	font-size:90%;

}

.focusdetail {
	display:block;
	position:relative;
	right:5px;
        bottom:15px;
_bottom:0px;
_margin-bottom:15px;
	font-size:85%;
}


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

.blogs {
	margin:auto;
	width: 100%;        
	border:1px solid ;
}


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

.blogs ul{
   font-size:150%;
}

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


}

.blogs .charte {
	padding:10px
}

.blog {
	
	margin:auto;
	width: 100%;        
	
}

.blog .billet .titre-billet {
font-size : 150%;


}

.blog .billet .titre-billet img {

float:left;
padding-right: 10px;


}

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

.contenu .rubrique .blog .titre{
	border:0px;
}

.blog .intitulehaut{
    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-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:2px 0px 5px 0px;
	text-align:center;
	font-size:150%;
}

.blog .billet {
	padding:10px;
margin-bottom:30px;
border: solid 1px  ;
}

.blog ul {
	padding-left:10%;
	font-size:150%;
}

.blog .texte {
	padding:10px
}

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

.blogdetail{
	
	height:45px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:0px;
	
}

.blogdetail img{
	float:right;
}

.billetart{
	width: 100%; 
	_width: 98% ; 
	padding-top:3%;
}

.billetart .image1{
	margin-bottom:5%;
}

.detailbillet{
    font-size:9pt;
    float:right;
	border-bottom:1px solid;
	border-left:1px solid;
}

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

.forum1 {
	
	margin:auto;
	width: 100%;        
	border:1px solid ;
}

.forum1 .intitule{
    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-bottom:1px solid;
}

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

.forum1 ul {
    padding-left:10%;
	font-size:150%;
}
.forum1 .charte {
	padding:10px
}

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

.forumpublic{
	width: 100%; 
	_width: 98% ; 
	padding-top:3%;
}


.forum-message{
border :1px solid;
padding:5px;
margin-bottom:5px;
}
/* ~~~~~~~~~~~~ forum ~~~~~~~~~~~~ */

.annonce-forum {
display:none;
}

.forum {
padding: 0px;
margin: 0px;
font-size: 100%;
margin: 0px 0px 0px 30px; 
}
.commentaire{
margin-top:10px;
}

 a.repondre {
padding-right:20px;	

}

a.repondre:hover {
   
}


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

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

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

.forum textarea {
	width: 80%;
}

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

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

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

.forum .visualisation .titre {
	border-bottom: 1px solid;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	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;
}

.forum .visualisation .texte {
        padding: 10px;
}

/*-------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux galeries-------------------------------*/
/*-------------------------------------------------------------------------------------*/
.galerie {
	
	margin:auto;
	width: 100%;        
	border:1px solid ;
}

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

.galerie  .secteur {
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;

border-top-width: 1px;
border-top-style: solid;

padding-top: 2px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
text-align: center;
margin-bottom: 10px;
font-size:17px;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif au plan  ---------------------------------------*/
/*--------------------------------------------------------------------------------------*/
 
.plan {
	
	margin:auto;
	width: 100%;        
	border:1px solid ;
}

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

.plan .secteur {
    width:100%;
    border-bottom:1px solid ;
	border-top:1px solid ;
	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;
	
    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: 80%;
	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(../images/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{
       font-size:15px;
}

.recherche .intitule  {
	height:35px;
	display: block;
	font-family:verdana,arial,sans-serif;
        font-size:16px;
	_margin-top:20px;
	padding: 0px 0px 0px 45px;
	margin:10 auto;
	text-align:center;
	font-weight:bold;

}

 .recherche , .rubrique{
	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;
}


#formulaire_recherche input.submit {
	display: inline;        
    position:absolute;
	border: 0px solid;
    border-left:1px solid ;     
	margin:0px 0px 0px 0px;
	padding-top:1px;
    _padding:0px ;    
    height:25px;
    width:25px; 
    _height:27px ;
    _width:27px ; 
    font-size:0px;
    right:11px;
    _right:3px ;
    top:1px ; 
    _top:0px ;

background-repeat:no-repeat;
cursor:pointer;
}

.recherche form {
	margin: auto;
        margin-bottom:5px;
	height: 25px;
	_height:27px;
border:1px solid;
background:#ffffff;
}
input#recherche.text{
border:0;
width:75%;
}

#formulaire_recherche label{
display:none;
}
/*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: 0px;
	padding-right: 0px;
	border:1px solid;
	padding-left: 0px;
	width: 96%;
	_width: 90% ;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 5px;
}

.menleg .en-tete {
	display: block;
	font-weight: bold;
 font-size:150%;
	text-align: center;
border-bottom:1px solid;	
    width:100%;
}

.menleg .contenu {
	
	margin: 0px 0px 0px 0px;
    _margin: 0px ;
	padding-bottom: 3px;
	font-size: 100%;
	width:100%;
	
}
.menleg .mentitre{
	
	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;
_margin-right:10px;
border:1px solid;
}

.agenda .en-tete {
	display: block;
	font-weight: bold;
	font-size: 150%;
	border-bottom:1px solid;
	text-align: center;
	
    width:100%;
}

.agenda .contenu {
	font-size: 100%;
	width:100%;
}
.agenda .contenu .mois {
	
	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;
	
	text-align:center;
	font-style:normal;
}

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



.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;
	
	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 ;
        border-top:1px solid ;
	
}

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

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


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

.album {
	background: transparent;
	font-size: 11px;
    width:150px;
    _width:152px ;
    margin: 10px auto;  
    _float:right ;  
	_margin-right: 5% ;
    _margin-top:10px ;
border:1px solid;
}

.album .en-tete {
	display: block;
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	border-bottom:1px solid;
    width:150px;
    _width:152px ;
}

.album .contenu {
	
	_width:152px ;
}


/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux sites syndiquıs--------------------------*/
/*--------------------------------------------------------------------------------------*/
 
.web .en-tete{
font-weight: bold;
font-size: 150%;
text-align: center;
border-bottom:1px solid;
}

.web .en-tete-site img{
float:left;
margin-right:3px;
}

.web .en-tete-site {
font-size:140%;
font-weight:bold;
margin-top:10px;
}

#web a.nom-site{
font-size:140%;
}



#web{
margin: 0px;
font-size: 10px;
padding: 0px 0px 0px 0px;
font-size: 100%;
_margin-right:10px;
border:1px solid;
}

.droite .web{
border:1px solid;
border-bottom:0px;

}


.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;
	
}

.web a.article-synd {
	display: block;
	text-decoration: none;
	background-image:url(../images/puces/puce.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 5px 10px;
	margin: 0px 5px 0px 5px;
font-weight:bold;
font-size:130%;
}

.site a.article-synd {
display:block;
font-size:120%;
}


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

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

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

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

.web .site .descriptif {
	margin: 0px 5px 0px 10px;
	}


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

.web .site a.nom-site:hover {
	
}



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

.breves .en-tete{
   border-bottom:1px solid;
	display: block;
	font-weight: bold;
	font-size: 150%;
	
	text-align: center;
	
	
    width:100%;
}

.breves {
	
	font-size: 100%;
	margin-bottom: 10px ;
	
_margin-right:10px;  
border:1px solid;     
}

.breves .contenu {
	
	
	padding-bottom: 5px;
	font-size: 100%;
    width:100%;

}

.breves .contenu .nom-breve {
	display: block;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	
	
}

.breves .contenu .date {
	font-size: 90%;
	text-align: center;
	margin-left: 40%;
	padding: 1px;
	text-align: center;
}

.breves .contenu .texte {
	margin: 0px;
	padding-left: 5px;
	font-size: 125%;
	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:1px 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:1px 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:0px 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:0px 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 {
	
}

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

.content {
        _height:10px;
	padding : 10px  10px;
	border-style:  solid ;  
	border-width:0px 1px;
	font-size:12px;	
}

 .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;

	
	
}

.pardroite {
	
	
	
}

/* --------------Le contenu, les bords et l'encadrı----------------- */
.ensemrub{
	display:block;
	margin-top:5px; 
	margin-bottom:15px; 
	margin-left:6%; 
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	
}

.ensemble_foc{
	position:relative;
	margin-top:15px;
        _margin-top:20px;
}

.ensemble{
	position:relative;
	margin-top:15px;
	_margin-top:30px ;
}

.ensemrub .pardroit .content2 a{
	font-size:17px;
	font-weight:bold;
}

.bloc_rub{
display:block;
float:left;
width:40%;
margin-left:10px;

}

.bloc_rub h2{
margin-left:10px;
font-size:14px;
}

.bloc_rub h3{
margin-left:10px;
font-size:12px;
}

/*--------------------------------------------------------------------------------------*/
/*  ------------------- style relatif aux images et aux logos-------------------*/
/*--------------------------------------------------------------------------------------*/

.article .image{
	display:block;
	float:left;
	margin:5px;
}

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

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

.imsommaire{
_width:90% ;
}

.logo {
	float: left;
}

.spip_logos{
	border:0px;
}

.image .spip_logos{
	border:0px solid;
        display: block;
	float: left;
	margin: 10px;
	position:relative;
}

.logtype{
	border:1px solid;
	top:-10px;
	padding:3px 2px 0px 2px;
	left:10%;
	position:absolute;

}

.logtypefoc{
	border:1px solid;
	top:-12px;
	padding:3px;
	left:45%;
	position:absolute;

}

.logtypeedi{
	border:1px solid;
	top:-10px;
	padding:3px;
	left:10%;
	position:absolute;

}

.imageart{
	top:5px; 
	right:5px;
	position:absolute;
}

.imageflo{
	clear:both;
	float:right; 
	margin-right:10px;
	_position:relative ;
}
.place{
	padding:2px;
	position:relative;
display:inline;
}

.placeim{
	position:relative;
	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 {
	
	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; 
	
	font-size: 100%;
}

.signatures .en-tete{
	
	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;
	
}

.signatures a {
	
	text-decoration: none;
}

.signatures a:hover {
	
	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;

	text-align: left;
	
	padding: 0px 3px 0px 3px;
	border:1px solid ;
	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;
	
	text-align: left;

	padding: 0px 3px 0px 3px;
	border:1px solid ;
}
.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;
	
	text-align: left;

	padding: 0px 3px 0px 3px;
	border:1px solid ;
}

/*--------------------------------------------------------------------------------------*/
/*  --------------------------            Divers                -----------------------------*/
/*--------------------------------------------------------------------------------------*/



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

/*---affichage de code (pour afficher en mode texte du code html)---*/
tt {
	display: block;
	border-width: 1px 1px 1px 8px;
	border-style: solid;

	padding: 1em;
	margin: 1em 0em 1em 0em; /*Sarka-SPIP 1.8.2*/
	font-size: 90%;
	
	overflow: auto;
	max-height: 25em;
}

.focus-articles .image{
position:relative;
margin-left:0px;

}

.rubrique .som2{
width:50%;
float:left;
}

.rubrique .rurub .filles2 {
float:left;
width:50%;
}


.article{
margin-top:-30px;
}


img.logo{
border:0;
}