body {

	margin: 0px 15px 0px 15px; 

	background-color: #ffffff;

	font-family: arial,verdana,sans-serif;	

	font-size: 12px; 

	text-align: center; 

	color: #000000; 

}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~balises html~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1, h2 {	margin: 5px 0px 5px 0px; 	font-size: 16px; 	font-weight: 300; 	color: #A91D12;	text-align:left;  background-color: transparent;

}

h2 {border-bottom: 1px solid #666666; 

}

h3 {	margin-top: 10px;	margin-bottom: 10px;	font-size: 15px;	font-weight: 300;

}

hr {	clear: both;	visibility: hidden;

}

p {	margin-top: 10px;	margin-bottom: 10px;

}

A:link  { text-decoration: none; color: #006868; size:12pt; font-weight: 700;

}

A:visited { text-decoration: none ;color:#006868 ; size:12pt;  font-weight: 700; 

}

A:hover, a:active { text-decoration: underline; color: #A91D12; size:12pt; 	background-color: #E4E4E4;

}

img {	border: 0;

}

input {	margin-top: 2px;

}

ul {

	margin: 0px 0px 0px 15px;

	padding: 0px 0px 10px 10px;

	line-height: 16px;

	list-style-image: url(img_squelette/puce.gif);

}

li {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	line-height: 16px;

	list-style-image: url(img_squelette/puce.gif);

}





/* ~~~~~~~Cadres divers et vari�s~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



#cadre_general {

clear:both;

position: relative;

/*border: #006868 5px solid;*/

}



#cadre_general {

width: 85em;

margin-left: 50px;	

margin-right: auto;	

margin-top:10px; margin-bottom:10px;

text-align:left;

background-color: transparent;

}



#bandeau {clear:both;	margin: 5px 0px 0px 0px;	text-align: right; background-color: #ffffff;

width: 100%; }



/* ~~~~~~~Menu horizontal~~~~~~~~ */

#menugeneral {

	width: 100%; clear:both;   background-color: transparent; 

}



#menugeneral a:link {

	color: #FFFFFF;

	text-decoration: none; background-color: transparent;}



#menugeneral a:visited {

	color: #FFFFFF;

	text-decoration: none; background-color: transparent;}	



#menugeneral  a:hover  {

	color: #FFFFFF; text-decoration: underline; color: #A91D12; background-color: #E4E4E4;}

#menugeneral  a:active  {

	color: #FFFFFF; text-decoration: underline; color: #A91D12; background-color: #E4E4E4;}





/* ~~~~~~~Menu des archives~~~~~~~~ */

#menus_verticaux {

 clear:both;

 float: left;	

 width: 220px;

text-align:left;

background-color: #006868;

background-image: url(img_squelette/courbe-verte.gif); background-repeat: no-repeat; background-position: right; background-attachment: fixed;	

height: 700px;

	padding: 3px;

	margin-top:10px;

	margin-bottom:10px;

	 overflow: hidden;

		}

#menus_verticaux a:link{

	color: #FFFFFF;

	text-decoration: none; background-color: transparent;

}

#menus_verticaux a:visited{

	color: #FFFFFF;

	text-decoration: none; background-color: transparent;

}

#menus_verticaux  a:hover {

	color: #FFFFFF; text-decoration: underline; color: #A91D12; background-color: #E4E4E4;}

#menus_verticaux  a:active {

	color: #FFFFFF; text-decoration: underline; color: #A91D12; background-color: #E4E4E4;}

.rechercher_menu

{ font-style:500; color: #red; font-weight: bold; padding: 3px; text-align: left;

}



/* ~~~~~~~~~~~~~~~~~~~~cadre article avec menu � gauche~~~~~~~~~~~~~~~~~~~~~~~~*/

#articles { float: right; width: 65em; 	text-align: left;	margin-top: 10px; padding-right:6px; z-index: auto;

 overflow:hidden;

SCROLLBAR-FACE-COLOR: #a91d12; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; 

SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #006868; SCROLLBAR-DARKSHADOW-COLOR: #000000;}



#articles a:link, a:visited{

	color: #006868;

	text-decoration: none; background-color: transparent;}



#articles  a:hover,a:active  {

	color: #FFFFFF; text-decoration: underline; color: #A91D12; background-color: #E4E4E4;}

#articles input {

	margin-top: 0px;

}

#articles img {

	border: 0px;

}



.encadrement_vignette_article {

	border: 1px solid #006868;

}





/* cadre article sans menu � gauche*/

#articles_rub_album {width: 100%;	text-align: left;}



#fond_article {	padding: 5px;}



/* ezncadre pour article sans menu � gauche*/

.menu_album_accueil

{		width: 160px; float:left; padding: 3px;   margin-top: 3px; text-align:justify;

   color: #A91D12; font-weight: bold;  font-size: 13pt; background-color: #EBEBEB;   

	 font-family: Arial, Helvetica; 	border-top: 1px solid #666666;	border-bottom: 1px solid #666666;

	 }

.menu_album_autresalbums

{	width: 60em; padding: 3px; margin-top: 3px; float: right; background-color: #E4E4E4; }



.menu_foyers_autresfoyers

{	width: 100%; padding: 3px; margin-top: 3px; float: right; background-color: #E4E4E4;}



.menu_autres_articles

{	width: 110px; padding: 3px; margin-top: 3px;  background-color: #E4E4E4;

height: 250px;

}

.menu_autresarticles_documents

{	; padding: 3px; margin-top: 3px; clear:both; background: #a91d12; border: #006868 1px solid; margin:10px; 

}



.menu_autresnumeros

{	width: 99%; padding: 3px; margin-top: 3px;  background-color: #E4E4E4; border: 1px red solid ;

}



/* Encadre 100x100 - pour avertissement document � cliquer*/

#encadre1 {

	float: right;

	width: 100px;

	height: 100px;

	background-image: url(IMG/habillage/cliquez-docu-anim.gif);

	border: 1px solid #006868;

 margin-right: 28px; margin-top:20px;

 }

 

#encadre2 {

	float: right;

	width: 100px;

	

	background-color: #efefef;

	border: 2px solid #006868;

 margin-right: 18px;

 padding:5px;

 color: #a91d12;

 font-size: larger;

 font-weight: bold;

 } 

 

 

 /* Le nom des rubriques dans les pages article*/

.rubrique_article {   color: #A91D12; font-weight: bold;font-style: normal; 

 font-size: 14pt;} 

 

 .titrub {   color: #ffffff; font-weight: bold; 

 font-size: 22pt; text-align:left;}

.sstitrub {  color: #006868;  font-size: 14pt;}



.titdocu {  font-family: "Times New Roman", Arial, Helvetica; color: #A91D12; font-weight: bold; 

 font-size: 14pt;}

.sstitdocu {   color: #006868; 

 font-size: 11pt; font-style: italic; font-weight: bold}

 

.titart {  font-family: "Times New Roman", Arial, Helvetica; color: #A91D12; font-weight: bold; 

 font-size: 14pt;}

.sstitart {   color: #006868;  font-size: 11pt;; font-style: italic; font-weight: bold}



.contenuart {  margin-top: 3px; margin-right: 5px; margin-bottom: 3px; margin-left: 5px;  }

/*nom dans l'annuaire postal*/

.nomannu {  font-family: Arial, Helvetica, sans-serif; color: #006868; font-size: 10pt; font-weight: bold}

/*adresse dans l'annuaire postal*/

.adresseannu {   font-size: 8pt}

/*lien des ascendants entre crochets*/

.ascendance {   font-size: 9pt; color: #005555; font-weight: 100}

.mettreenvert {color: #006868 }



.legendearchive {color: #A91D12; 

 font-size: 1em; font-style: italic; font-weight: bold }



/* ~~~~~~~Articles~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

#photo_articles {



	background-color: transparent;



		}	

.vousetesici	{

	font-size: 9px;

	text-align: right;

	font-weight: 300;

	color: black;

	}

	

.date_docu_petit

{

	font-size: 11px; color: #B7B7B7;

}



.texte_annuaire

{

	font-size: 1em; 

}



/* ~~~nom image, taille, poid, affich� sous l'image ds les articles ~~~~~~~~~~~~~~~~~~~~~~~~ */

.infodoc {

	margin: 0px 0px 5px 0px;

	font-size: 10px;

	font-weight: 300;

	color: #8D8D8D;

	}

	



/* l�gende des photos~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.legende {

	margin: 0px 0px 5px 0px;

	font-size: 12px;

	font-weight: 300;

	color: grey;

	font-style: italic;

}

/* l�gende (descriptif image) des images ins�r�es dans les articles~~~~~~~~~~~~~~~~~~~~~~~ */

.ArticleLegende {

	font-size: 12px;

	font-style: italic;

	color: red;

}

/*cadre pour positionner les documents pdf rub12*/

#cadrearticlepdf {

	width:100%; float: left; 

}

		

/*cadre pour positionner les sommaires des documents pdf rub12*/

#textepdf_articles {

	 clear:both; float: left; width: 75%; overflow: hidden;

	background-color: transparent; 

		}	

/*cadre pour positioner les logos des documents pdf rub12*/

#logopdf_articles {

	 float: right;

	 background-color: transparent;

	text-align: center;

	padding-top: 40px;

	overflow: hidden;

	

}	

		

#cadreforumarticlepdf{

	clear: both;  width:100%; 

}		



/*~~~~~~~ANNUAIRE DES MEMBRES------------------------------------------------------------------*/



/* Cadre gen�ral pour les vignettes */

#cadre-images {

	margin: 0px; 

	padding-left: 1px;

	padding-right: 2px;	

	padding-top:5px;

	padding-bottom:6px;

	text-align:left;

	float: left;

	width: 100%;

	}

	

	/* Cadre pour une seule vignette */

#cadre-image {

	margin: 3px; 

	padding:5px;

	padding-right:5px;

	background-color: white;

	text-align:center;

	float: left;	

width: 165px;



vertical-align: bottom;

}



.nettoyeur {margin-top:10px;margin-bottom:10px;}



/*~~~~~~~Rubriques------------------------------------------------------------------*/	

/*Cadres pour positionner les articles dans les pages rubrique*/

#Cadre_article_rubrique{ width:520px; height:130px; border-bottom: #efefef 1px solid; padding-bottom: 3px;  background-color: transparent;

}

#Cadre_logoarticle_rubrique{ width:110px; height:70px; float:left;  background-color: transparent;

}

#Cadre_textearticle_rubrique{width:400px; float:right; 

}	



/*Cadre pour afficher les messages de forum*/

#Cadre_article_rubrique{ width:520px; height:130px; border-bottom: #efefef 1px solid; padding-bottom: 3px;

}		



.calendrier {

	background-color: #eef5b5;

}



#logos {

	float: left;

	margin-right: 5px;

	margin-bottom: 5px;

}

#vignettes {

	float: left;

	width: 120px;

	height: 240px;

	margin-left: 20px;

	margin-bottom: 10px;

	border: 1px dashed #cccccc;

	text-align: center;

}







/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Styles SPIP */



a.spip_url { }

a.spip_in { }

a.spip_out { }

a.spip_glossaire { }



.spip_code { }



p.spip_note { }



.spip_puce {list-style-image: url(img_squelette/puce.gif); border: 0px;

}



h3.spip {

	font-family: Arial,Helvetica,sans-serif;

	font-weight: bold;

	font-size: 120%;

	text-align: center;

	margin-top: 2em;

	margin-bottom: 1.5em;

	padding: 0em;

}



.spip_documents{

	font-family: Arial,helvetica,sans-serif;

	font-size : 70%;

}



table { font-size:90%;}



table.spip {

}



table.spip tr.row_first {

	background-color: #FCF4D0;

}



table.spip tr.row_odd {

	background-color: #C0C0C0;

}



table.spip tr.row_even {

	background-color: #F0F0F0;

}



table.spip td {

	padding: 1px;

	text-align: left;

	vertical-align: middle;

}



hr.spip { }

b.spip { }

i.spip { }



.forml {

	width : 90%;

	background-color: #FFFFFF;

	font-size: 14px;

	color: #000000;

	border: #ff9966 1px solid;

}



.spip_encadrer {

	width: 100%;

	margin-top: 10px;

	text-align: left;

	scrollbar-base-color: #666666;

	scrollbar-3dlight-color: #666666; 

	scrollbar-arrow-color: #666666;

	scrollbar-darkshadow-color: #666666;

	scrollbar-face-color: #666666;

	scrollbar-highlight-color: #666666;

	scrollbar-shadow-color: #666666; 

	scrollbar-track-color: #666666; 

}

.spip_cadre {

	width : 100%;

}

.spip_bouton { 

	background-color: #F3F3F3;

	font-size: 14px;

	color: #000000;

	border: #cccccc 1px solid;

	text-align: center;

}

.formrecherche { 

	width : 80%;

	background-color: #FFFFFF;

	font-size: 14px;

	color: #000000;

	border: #a91d12 1px solid;

	text-align: left;

}

.reponse_formulaire {

	font-family: Arial,Helvetica,sans-serif;

	font-weight: bold;

	font-size: 110%;

	color: red;

}

.spip_surligne { background-color: #FEFF77; }

.spip-admin {

	clear: both;

}

.plan-secteur {

	margin-left: 20px;

}





.forum-repondre {

text-align:right; margin:5px;

background-color: "#E4E4E4";

}





 

 /*

 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Habillage des forums~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~�

 */



ul.forum-total {

	display: block;

	padding: 0px;

	margin: 0px;

	list-style: none;

}

.forum-fil {

	margin-top: 3em;

}

.forum-fil ul {

	display: block;

	margin: 0px;

	margin-left: 2em;

	padding: 0px;

	list-style: none;

}

.forum-titre {

	font-weight: bold;

	font-size: 120%;

}

.forum-item {

	margin: 0px;

	padding: 1em;

	padding-top: 0.5em;

	padding-bottom: 0em;

	text-align: justify;

	color: #303030;

	font-size: 80%;

}



.forum-date-auteur {

		font-size: 10px; color: #959595;

}

.forum-repondre-message {

	text-align: right;

}





/* Boite d'un forum : eclaircissement progressif des bords */



ul .forum {

	border: 1px solid #909090;

	padding: 0px;

	margin: 0px;

	margin-bottom: 1em;

}

ul ul .forum {

	border: 1px solid #a4a4a4;

}

ul ul ul .forum {

	border: 1px solid #b8b8b8;

}

ul ul ul ul .forum {

	border: 1px solid #cccccc;

}

ul ul ul ul ul .forum {

	border: 1px solid #e0e0e0;

}

ul ul ul ul ul ul .forum {

	border: 1px dashed #e0e0e0;

}



/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */



ul .forum-chapo {

	border: 0px;

	border-bottom: 1px dashed #F5F5F5;

	margin: 0px;

	padding-left: 6px;

	padding-right: 6px;

	padding-top: 3px;

	padding-bottom: 2px;

	font-size: 90%;

	background: #C4C4C4;

}

ul ul .forum-chapo {

	background: #D4D4D4;

}

ul ul ul .forum-chapo {

	background: #EEEEEE;

}

ul ul ul ul .forum-chapo {

	background: #F5F5F5;

}

ul ul ul ul ul .forum-chapo {

	background: #ffffff;

}

.legeritalique {

	color: #cccccc;

	font-size: 11px;

	font-style: italic;

}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



#partiebasse {

	float: left;

	width: 100%;

	height: 50px;

	padding-top: 30px;

	background-image: url(img_squelette/fond_partie_basse.jpg); 

	background-repeat: repeat-x;

	text-align: right;

	font-size: 13px;

}

#partiebasse a a:link a:visited a:active {

	color: #ff9966;

	text-decoration: none;

}

#partiebasse a:hover {

	color: #cccccc;

	text-decoration: underline;

}







/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.poursuitedessous {clear: both;}

#lignepointillee {

	border-top: 1px dashed #ddddde;

	margin-bottom: 10px;

}





/* page trombi.html et trombi3ans.html*/





.mep-trombi-famille {text-align:center;margin:auto;width:100%;height:125px;vertical-align:top;}

.mep-trombi-membre {display:inline-block;padding:1px 2px 1px 2px;text-align:center;min-width:50px;font-size:10px;}

.mep-trombi-union {display:inline-block;padding:10px 2px 1px 2px;text-align:center;vertical-align: top;height:calc(100% - 10px);width:25px;font-size:10px;}

/*image contenant un fond noir opacifié de plus en plus (3% pour le degrade1,6% pour le 2, etc.)*/

.trombi-degrade-1 {background-image: url("img_squelette/trombi-degrade-1.png")}

.trombi-degrade-2 {background-image: url("img_squelette/trombi-degrade-2.png")}

.trombi-degrade-3 {background-image: url("img_squelette/trombi-degrade-3.png")}

.trombi-degrade-4 {background-image: url("img_squelette/trombi-degrade-4.png")}

.trombi-degrade-5 {background-image: url("img_squelette/trombi-degrade-5.png")}

.trombi-degrade-6 {background-image: url("img_squelette/trombi-degrade-6.png")}

.trombi-degrade2-2 {background-image: url("img_squelette/trombi-degrade2-2.png")}





.trombi-color-01{background-color: #EAEAEA;}

.trombi-color-02{background-color: #FFFFCC;}

.trombi-color-03{background-color: #AEFEB4;}

.trombi-color-04{background-color: #ADF5FF;}

.trombi-color-05{background-color: #66FFCC;}

.trombi-color-06{background-color: #FFCFD9;}

.trombi-color-07{background-color: #FFD615;}

.trombi-color-08{background-color: #CC99CC;}

.trombi-color-09{background-color: #D6F7FF;}

.trombi-color-10{background-color: #3EFFFF;}

.trombi-color-11{background-color: #FFD1B5;}

.trombi-color-12{background-color: #97FF94;}

.trombi-color-13{background-color: #FFCFD9;}

.trombi-color-14{background-color: #00CCFF;}

.trombi-color-15{background-color: #CCFF00;}